当前位置:首页 > Web开发 > 正文

但如今有了HTML5新增的语义化标签

2024-03-31 Web开发

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   ie9  
OGG   撑持   撑持   撑持   不撑持   不撑持  
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