HTML5
  • 10个你不知道你需要的html元素

    我听过 “HTML很容易” 这种情绪的次数比我想象的要多。 虽然我同意 HTML 可能比其他编程语言更容易学习,但你不应该认为它是理所当然的。HTML 是一种功能强大的标记语言,可用于为我们的 web 应用程序提供结构并提供强大的可访问性优势,但只有在适当使用时才能使用。因此,今天我们将发觉 10 个你可能不知道存在的 HTML 元素,希望你可以创建易访问、结构更健全的 web 应用程序。如果你想了解更多关于 HTML 的知识,可以访问W3Schools以获得更多的 HTML 元素。Audioaudio标签可以播放一个音频,例如音乐或其他音频流。目前支持三种文件格

    2020-05-31 0 0 0 0
  • 适用于任何项目的基本HTML5模板

    当您学习HTML5并向工具箱中添加新技术时,您可能希望为自己构建一个样板,以便开始所有基于HTML5的项目。我们鼓励这样做,您也可以考虑使用其中一个在线资源,它为您提供了一个基本的HTML5起点。在本文中,我们将看看如何开始。让我们从简单的开始,用一个最基本的HTML5页面:!doctypehtmlhtmlheadmetacharset=utf-8titleTheHTML5Herald/titlemetaname=descriptioncontent=TheHTML5Heraldmetaname=authorcontent=SitePointlinkrel=stylesheethref=css/styles.css?v=1.0/headbodyscriptsrc=js/scripts.js/script/body/html有了基本的模板,现

    2020-05-28 0 0 0 0
  • 水波图实现原理

    在项目中自己使用 Canvas 实现了一下水波图,在这里给大家分享一下它的实现原理。 一开始看到波浪,可能不知道从何入手,我们来看看波浪的特征就会有灵感了。没错,有人肯定会想到,就是 正余弦曲线!对于波陡很小的波动,一般选择正弦或余弦的曲线来表示波形,这是最简单而又最接近实际波形的表述。这里我选择了正弦曲线来实现。在讲实现思路之前,我们来回忆一下正弦曲线的基础。正弦曲线正弦曲线公式:y = A sin(Bx + C) + D振幅是 A,A 值越大,曲线更陡峭:周期是 2π/B,B 值大于 1 时,B 值越大,周期越短,B 值小于 1 大于 0 时,

    2020-05-25 0 0 0 0
  • 你所不知道的 CSS 负值技巧与细节

    下面本篇文章给大家介绍一些CSS负值技巧与细节,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。使用负值 outline-offset 实现加号假设我们有这样一个简单的结构:div/divdiv{
    width:200px;height:200px;
    outline:20pxsolid#000;
    outline-offset:10px;
    }修改outline-offset到一个合适的负值 ,那么在恰当的时候,outline边框就会向内缩进为一个加号。经过一番尝试,修改上述 div 的outline-offset为-118px。div{
    width:200px;height:200px;
    outline:20pxsolid#000;
    outline-offset:-118px;
    }加个动画效果,大概

    2020-05-21 0 0 0 0
  • Canvas的绚烂起点

    很多人知道canvas,但不一定都熟悉或者经常使用,作为一种专项工具,如果业务不是跟图像或者图表强相关,的确不常用,但对它的学习和了解还是必要的,这篇文章我们就一起来入个门。Canvas是什么可以理解为,它提供了一块画布,在它所掌控的区域,可以运用各种方法绘制图形、文本,或者制作动画、处理图像,等等。通常我们能够看到一些炫酷的动画,很多都是canvas做出来的,但是需要各种元素和技巧综合使用,不是一蹴而就的,我们先从基础看起。搭好舞台varcanvas=document.getElementById(canvas);
    varctx=canvas.getContext(2d);

    can

    2020-05-21 0 0 0 0
  • POST 请求的三种常见数据提交格式

    本文所讲的 POST 请求是 HTTP/1.1 协议中规定的众多 HTTP 请求方法的其中最常用的一个。一般使用 POST 请求方法向服务器发送数据(主要是一些创建更新操作),本文讨论的是 POST 请求方法常用的四种数据提交格式。由于 HTTP/1.1 协议中并没有对请求使用什么编码方式进行规定,所以理论上开发者完全可以自己决定请求的 Body 体使用什么格式,当然实际上大家都还是用通用的那么几种编码方式来提交数据(生态很关键)。注:以下排名不分先后。。。application/x-www-form-urlencoded对于浏览器原生的 form 表单,enctype 的值不指定的话,默认

    2020-05-21 0 0 0 0
  • HTML5移动端自适应的方法介绍

    现在很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机,电脑等设备,本文就来为大家介绍一下HTML5移动端自适应的方法。屏幕自适应方案介绍方案之前,首先还是交代一下项目背景与需求,毕竟一切方案也不能脱离实际需求。需求与背景设备宽度 800px, body宽度为800px320px 设备宽度 800px, 宽度根据设备宽度自适应设备宽度 320px, body宽度为320px大部分字体不随宽度变化而缩放设计图宽度:1080px自适应方案关于自适应方案,google一搜就会有很多结果,但是总的来说个人认为最有用的还是手淘的大漠写的一系列文章,后面

    2020-05-19 0 0 0 0
  • HTML5文件上传下载介绍

    HTML5 中提供的文件API在前端中有着丰富的应用,上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好,包括移动端,除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能,先要熟悉每个API。FileList 对象和 file 对象HTML 中的input[type=file]标签有个 multiple 属性,允许用户选择多个文件,FileList对象则就是表示用户选择的文件列表。这个列表中的每一个文件,就是一个 file 对象。file 对象的属性:name : 文件名,不包含路径。type : 文件类型。图片类型的文件都会以 image/ 开头,可以由此来

    2020-05-18 0 0 0 0
  • HTML中五种网页跳转的方法

    在我们进行网站创建时经常会遇到需要进行网页跳转的情况,本文就来为大家介绍五种网页自动跳转的方法,希望对大家有一定的帮助。网页自动跳转5种方法:第一种网页自动跳转方法:meta refresh自动跳转法在网页的head区域的meta refresh标签中,加入自动跳转代码,可实现网页的立即或延时自动跳转。示例如下:metahttp-equiv=refreshcontent=10;url=http://xfbbs.com/上述html代码中的“10”是延时跳转的时间,单位是秒。如果设为0,就表示立即跳转。“http://xfbbs.com”是跳转的目标地址,可以是同一域名下的站内相对路径,也可以是不同域

    2020-05-16 0 0 0 0
  • HTML head元素中常用标签介绍

    head元素是所有头部元素的容器,head内的元素可以指示浏览器在何处可以找到样式表,提供一些信息等。head内常用的元素有title、base、link、meta、script及style。1、title标签定义文档的标题title元素在所有的HTML文档中都是必须的,它定义浏览器地址栏中显示的标题,实例如下!DOCTYPEhtml
    html
    head
    titleThisismyHTML/title
    /head
    /html2、base标签为页面上所有链接规定默认地址或默认目标(target)!DOCTYPEhtml
    html
    head
    titleThisismyHTML/title
    !--规定默认地址--
    basehref=http://www.baidu.com/base
    !--规定默认目标--

    2020-05-16 0 0 0 0
ots网络logo

OTS网络安全门户主要提供网络信息安全教程、文章、工具,让更多的小伙伴加入我们的社区一起学习。

技术支持: 建站ABC | 管理登录