HTML5的语义化标签有哪些,作用是什么

HTML5的语义化标签有哪些,作用是什么,第1张

标签种类:

<header>:定义页眉

<nav>:定义导航

<section>:定义文档中的区段

<time>:定义日期和时间

<article>:定义文章

<aside>:定义文章的侧边栏

<figure>:定义一组媒体对象以及文字

<figcaption>:定义figure的标题

<footer>:定义页脚

标签作用:

header与footer标签用于表示页面、应用或某个模块的头部和尾部;

nav用于表示导航;

article标签表示文章;

aside标签和article标签用法类似,只是表示内容会出现在侧边栏;

figure标签表示一段自包含的内容——独立的流内容(图像、图标、照片、代码等)

在开发当中,可以使用section和article标签替代过度的div标签,用这些标签来对页面进行内容划分。

想了解更多,可点击《如何让旧浏览器支持HTML5新标签》

HTML5新增的元素如下所示,希望对你有帮助,望采纳!

新的语义和结构元素:

<article>   定义页面独立的内容区域。  

<aside>   定义页面的侧边栏内容。  

<bdi>   允许您设置一段文本,使其脱离其父元素的文本方向设置。  

<command>   定义命令按钮,比如单选按钮、复选框或按钮  

<details>   用于描述文档或文档某个部分的细节  

<dialog>   定义对话框,比如提示框  

<summary>   标签包含 details 元素的标题  

<figure>   规定独立的流内容(图像、图表、照片、代码等等)。  

<figcaption>   定义 <figure>元素的标题  

<footer>   定义 section 或 document 的页脚。  

<header>   定义了文档的头部区域  

<mark>   定义带有记号的文本。  

<meter>   定义度量衡。仅用于已知最大和最小值的度量。  

<nav>   定义导航链接的部分。  

<progress>   定义任何类型的任务的进度。  

<ruby>   定义 ruby 注释(中文注音或字符)。  

<rt>   定义字符(中文注音或字符)的解释或发音。  

<rp>   在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。  

<section>   定义文档中的节(section、区段)。  

<time>   定义日期或时间。  

<wbr>   规定在文本中的何处适合添加换行符。

新表单元素:   

<datalist>   定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。  

<keygen>   规定用于表单的密钥对生成器字段。  

<output>   定义不同类型的输出,比如脚本的输出。  

新多媒体元素:

<audio>   定义音频内容  

<video>   定义视频(video 或者 movie)  

<source>   定义多媒体资源 <video>和 <audio> 

<embed>   定义嵌入的内容,比如插件。  

<track>   为诸如 <video>和 <audio>元素之类的媒介规定外部文本轨道。  

<canvas>新元素:

<canvas>   标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API  


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7245177.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存