网上有关“html5的语义化标签有哪些及其作用?”话题很是火热,小编也是针对html5的语义化标签有哪些及其作用?寻找了一些与之相关的一些信息进行分析,如果能碰巧解决你现在面临的问题,希望能够帮助到您。
<header>
<header>元素描述了文档的头部区域
<nav>
标签定义导航链接的部分。
<section>?
<section>?标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<article>
<article>?标签定义独立的内容。
<aside>
<aside>?标签定义页面主区域内容之外的内容(比如侧边栏)。
<figcaption>
<figcaption>?标签定义?<figure>?元素的标题.
<figcaption>元素应该被置于?"figure"?元素的第一个或最后一个子元素的位置。
<figure>
<figure>标签规定独立的流内容(图像、图表、照片、代码等等)。
<footer>
<footer>?元素描述了文档的底部区域.在html5中有哪些语义化标记
结构性标签其实就是语义化的html网页框架,一般网页分为:
头部:header->nav
侧栏:aside
内容:article、section、div
脚部:footer
这些仅仅是html5的一部分,常出现在整个网页的“大框架”结构上,具体位置如下:
html5 虽然增加了很多新的标签,但是并不代表完全抛弃了原有的标签,例如dl-dt-dd组合标签和ul-li组合标签等。article、section的出现并不代表着div作用减少,而是说更合理更清晰的用html标签表达出网页的结构。
html有以下几个语义化标记
header元素
header 元素代表“网页”或“section”的页眉
通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。
footer元素
footer元素代表“网页”或“section”的页脚,通常含有该节的一些基本信息,譬如:作者,相关文档链接,版权资料。如果footer元素包含了整个节,那么它们就代表附录,索引,提拔,许可协议,标签,类别等一些其他类似信息。
hgroup元素
hgroup元素代表“网页”或“section”的标题,当元素有多个层级时,该元素可以将h1到h6元素放在其内,譬如文章的主标题和副标题的组合
nav元素
nav元素代表页面的导航链接区域。用于定义页面的主要导航部分
aside元素
aside元素被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。(特殊的section)
section元素
section元素代表文档中的“节”或“段”,“段”可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组
article元素
article元素最容易跟section和div容易混淆,其实article代表一个在文档,页面或者网站中自成一体的内容,其目的是为了让开发者独立开发或重用。譬如论坛的帖子,博客上的文章,一篇用户的评论,一个互动的widget小工具。(特殊的section)
address元素
address代表区块容器,必须是作为联系信息出现,邮编地址、邮件地址等等,一般出现在footer。
关于“html5的语义化标签有哪些及其作用?”这个话题的介绍,今天小编就给大家分享完了,如果对你有所帮助请保持对本站的关注!
本文来自作者[访客]投稿,不代表汇盛号立场,如若转载,请注明出处:https://www.hs59.cn/hs/1840.html
评论列表(3条)
我是汇盛号的签约作者“访客”
本文概览:网上有关“html5的语义化标签有哪些及其作用?”话题很是火热,小编也是针对html5的语义化标签有哪些及其作用?寻找了一些与之相关的一些信息进行分析,如果能碰巧解决你现在面临...
文章不错《html5的语义化标签有哪些及其作用-》内容很有帮助