H5新增的标签以及属性

H5的更新加强了浏览器的功能，减少了插件的使用（Flash）。

video 表示一段视频并提供播放的用户界面
audio 表示音频
canvas 表示位图区域

svg 定义矢量图

time 日期和时间值
mark 高亮的引用文字

还有一些语义化标签

<header>头部</header>
<footer>尾部</footer>
<nav>导航栏</nav>
<section>具体的内容</section>
<article>文章</article>
<aside>内容的侧边栏</aside>

<figure> <img src="" alt=""></figure>用作文档中插图的图像，如果要添加标题的话得使用<figcaption></figcaption>并且要必须要放在标签里面

如:

<figcaption>这是一张图片</figcaption>

</figure>

<mark>mark标签</mark> 高亮的引用文字

<progress value="0.5"></progress>进度栏标签 value值代表进度，0-1

并且添加了一些新的表单控件

email：必须输入邮件；

url：必须输入url地址；

number：必须输入数值；

range：一个滑动栏，并且可以设置最大以及最小值

如：<input type="range" name="range" min="10" max="60">

date：选取日、月、年

month：选取月、年

week：选取周和年

time：选取时间（小时和分钟）

datetime-local：选取时间、日、月、年（本地时间）

search：搜索框

color：颜色

以及一些新的属性：

contenteditable="true" 使得文件可以编辑，并且这个属性是可以继承的。

autocomplete 设置表单成功提交过的数据，下一次有提示一般会关闭这个功能

placeholder 提示信息

required 是否必须填写

pattern 正则验证表单内容

multiple 输入框可以输入多个值，一般和email控件一起使用

maxlength 最大长度

minlength 最小长度

step 规定数字间隔

hidden 隐藏填写了hidden属性的标签会被隐藏

draggable 元素是否能被拖动

转载于:https://www.cnblogs.com/yzxyzx/p/11480611.html

H5新增的标签以及属性相关推荐

H5新增的标签和属性
声明 Web 世界中存在许多不同的文档.只有了解文档的类型,浏览器才能正确地显示文档. HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML ...
H5新增的标签以及属性 2
video以及audio标签的使用也就是视频与音频 video标签默认为inline-block,宽高默认为300*150 属性: autoplay 自动播放不过在谷歌中不能自动播放,除非你设置 ...
H5 中div标签及其属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&g ...
H5新增video标签的常用属性
原文地址:https://blog.csdn.net/nihaio25/article/details/120263499 video 在video标签出现之前,如果想在网页中播放视频或者音频数据是非 ...
html5video标签属性,H5中video标签那些属性和方法
前言最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来 video标签行内属性 src:视频的U ...
H5新增的标签以及改良的标签
1>OL标签的改良 start type reversed:翻转排序 2>datalist标签自动补全的使用 3>progress标签的使用:进度条 4>meter标签的应用 ...
h5比html新增加的标签,H5新增的标签以及改良的标签
1>ol标签的改良start type reversed:翻转排序 2>datalist标签自动补全的使用 3>progress标签的使用:进度条 4>meter标签的应用 ...
H5 img图片标签及其属性
img:图片(重点) src:图片资源位置相对目录 .表示当前目录 ..表示上一级目录绝对目录 window:以盘符开头的目录类unix:以/开头的目录 width:宽度 height:高度,只 ...
h5新增标签和表单属性
一.h5新增结构性标签(有意义的div) 1.header 定义网页的头部 2.nav 定义网页的导航部分 3.section 定义网页的某个区域 4.footer 定义网页的底部 5.article ...

H5新增的标签以及属性

H5新增的标签以及属性相关推荐

最新文章

热门文章