但如今有了HTML5新增的语义化标签
1.HTML5新增的标签
article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video
2.新增标签释义
article:
即界说article(文章)
aside:
界说页面之外的内容(常用于侧边栏,需要注意的是:移除侧边栏(aside标签及其内容)时不能影响网页的主体布局和构造)
audio:
界说声音内容(音频)
各浏览器撑持的音频格局 音频格局 chrome fireFox opear safari ie9OGG 撑持 撑持 撑持 不撑持 不撑持
MP3 撑持 不撑持 撑持 不撑持 撑持
WAV 不撑持 撑持 不撑持 撑持 不撑持
bdi:
界说文本的文本标的目的,使其脱离其周围文本的标的目的设置。
canvas:
界说图形
command:
界说命令按钮
datalist:
界说datalist,标签被用来在为 <input> 元素供给"自动完成"的特性。用户能看到一个下拉列表,里边的选项是预先界说好的,将作为用户的输入数据。请使用 <input> 元素的 list 属性来绑定 <datalist> 元素
details:
规定 details 是否可见
embed:
界说外部交互内容或插件
figcaption:
界说 figure 元素的标题
figure:
界说媒介内容的分组,以及它们的标题(常用于和figure配套实现图文效果)
footer:
界说页脚
header:
界说头部
hgroup:
用来对标题元素进行分组。当标题有多个层级(副标题)时,<hgroup> 元素被用来对一系列 <h1>-<h6>元素进行分组
keygen:
规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送随处事器
mark:
界说有记号的文本
meter:
界说预界说范畴内的器量
nav:
标签界说导航链接的部分。并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。在差别设备上(手机或者PC)可以制定导航链接是否显示,以适应差别屏幕的需求
output:
标签作为计算功效输出显示(好比执行脚本的输出)
progress:
标签界说运行中的任务进度(进程)
rp:
界说若浏览器不撑持 ruby 元素显示的内容
rt:
界说 ruby 注释的解释
ruby:
界说 ruby 注释
section:
界说文档的某个区域。好比章节、头部、底部或者文档的其他区域
source:
界说媒介源
summary:
界说 details 元素的标题
time:
界说日期/时间
track:
界说用在媒体播放器中的文本轨道
video:
界说视频,撑持三种格局Ogg、MPEG4、WebM
3.新增标签的长处
总的来说HTML5新增标签是为我们开发者供给了便当,现如今我们在搭建页面总布局的时候,往往会使用header来界说头部位置,,div来界说页面内容,再用footer来界说页脚,可在html5之前,开发者们往往只能用一层又一层的div来搭建页面布局,如果页面布局庞大,在没有注释的情况下我们很难在后期对其进行维护和更新,但如今有了HTML5新增的语义化标签,这些问题也就随之解决了。
HTML5新增语义化标签
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31817.html