HTML5的结构

HTML5为文档结构引入了新的元素,如article、section、nav、aside、time等,旨在提升页面的清晰度和可读性。这些元素包括主体结构元素和非主体结构元素,如header、footer、address等,帮助定义内容的逻辑组织和导航功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在HTML5对HTML4所做的各种修改中,

一个比较重大的修改就是为了使文档结构更加清晰、容易阅读,增加了很多新的结构元素。

1 新增的主体结构元素

在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉、页脚、内容区块等文档结构相关联的结构元素。接下来将详细讲解HTML5在页面的主体结构方面新增加的结构元素。

article元素

article元素表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分,并且这部分专用于独立地分类或复用,例如聚合。一个博客帖子、一个教程、一个新的故事、视频及其脚本,都很好地符合这一定义。

section元素

section元素代表文档或应用程序中一般性的“段”或者“节”。“段”在这里的上下文中,指的是对内容按照主题的分组,通常还附带标题。

nav元素

nav元素用来构建导航。导航定义为一个页面中(例如,一篇文章顶端的一个目录,它可以链接到同一页面的锚点)或一个站点内的链接。

aside元素

aside元素表示由与aside元素周围的内容无关的内容所组成的一个页面的一节,也可以认为该内容与aside周围的内容是分开独立的。

time元素

time是一个新元素,用于明确地对机器的日期和时间进行编码,并且以让人易读的方式来展现它。

pubdate属性

pubdate是一个布尔属性,用来表示这个特定的<time>是一篇<article>或整个<body>内容的发布日期。

2 新增的非主体结构元素

除了以上几个主要的结构元素之外,HTML5内还增加了一些表示逻辑结构或附加信息的非主体结构元素。

下面来分别介绍一下:

header元素

header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其内容,例如搜索表单或相关的logo图片。

hgroup元素

hgroup元素是将标题及其子标题进行分组的元素。

footer元素

footer元素可以作为其父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息,如作者、相关阅读链接及版权信息等。

address元素

address用于当前的<article>或文档的作者的详细联系方式,但不是用于邮政地址的一个通用性元素。联络细节可以是Email地址、邮政地址或者任何其他形式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值