header 元素
header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页内的一个内容区块的标题,也可包含其他内容。
注意:一个网页内并未限制header 元素的个数,可以拥有多个,可以为每个内容区块增加一个。
header 元素中可以包含多个“h1~h6”元素、hgroup元素、nav元素、form元素、table元素等。
hgroup 元素
hgroup 元素是将标题及其子标题进行分组的元素,例如:
<article>
<header>
<hgroup>
<h1>主标题</h1>
<h2>子标题</h2>
</hgroup>
<p><time datetime="2011-09-24">2011-9-24</time></p>
</header>
<p>正文</p>
</article>
footer 元素
footer 元素可以作为其上层父级内容区块或是一个根区块的脚注,通常包括其相关区块的脚注信息,如:作者、版权等。
一个页面中也未限制 footer 元素的个数。可以为article 元素或 section 元素添加 footer 元素。
address 元素
address 元素用来在文档中呈现联系信息,包括文档或文档维护者的名字、邮箱、电话号码等。
分享到:
相关推荐
以下是对这些新增非主体结构标签的详细解释: 1. **header** 标签: `<header>` 标签用于定义页面或某个内容区域的头部,通常包含站点的标题、logo、导航菜单等元素。它不仅可以用在整个页面的顶部,还可以用在...
本篇文章主要关注HTML5中的非主体结构标签,这些标签主要用于组织和增强页面的辅助内容。 首先,`<header>`标签是页面顶部区域的容器,它用于包含网站的标志、导航菜单、搜索表单等关键信息。`<header>`标签不仅...
#### HTML5结构元素 ##### Section `<section>` 元素用于表示文档或应用程序中的一个独立部分,通常包含一组相关的子节。它可以代表一个章节、页眉、页脚或文档中的任何其他部分。例如,在博客文章中,每个文章...
13.2 新增的非主体结构元素 251 13.2.1 header元素 251 13.2.2 hgroup元素 252 13.2.3 footer元素 252 13.2.4 address元素 253 13.3 小结 253 13.4 习题 254 第14章 HTML 5中的表单 255 视频讲解...
3.HTML5 新增的的非主体结构元素 4.HTML5 表单新增元素与属性 5.HTML5 表单新增元素与属性(续) 6.HTML5 改良的 input 元素的种类 7.HTML5 增强的页面元素 8.HTML5 编辑 API 之 Range 对象(一) 9.HTML5 编辑 API ...
今天先介绍下 html5 新增的结构元素,有的经常使用到,有的用不上,虽然说它们的出现是更促进页面更有语义,更好的 seo,但其实...HTML5 新增结构元素分为主体结构元素和非主体结构元素 1.主体结构元素包括 article、se
全书共16章:第1章介绍了HTML5文档的基本组成、全局结构、主体,以及新旧元素对比;第2章和第3章讲解了CSS的样式设置、框模型,以及CSS3的核心属性和新规则;第4章重点介绍了JavaScript的核心知识;第5章详细介绍了...
在课程中,你将了解到HTML5如何组织网页结构,包括头部(head)、主体(body)和元数据(metadata)的使用。 1.1 软件架构分类: 在了解HTML5之前,我们需要知道软件架构的两种主要类型:C/S架构(Client/Server)...
HTML5的结构和语义性块级元素是其对网页设计和开发的重要改进,旨在提高内容的可读性和机器可解析性。在这篇文章中,主要关注了三个新增的语义化块级元素:`aside`、`figure` 和 `dialog`。 首先,`aside` 元素用于...
2. **合理性**:HTML5新增的标签,如`<header>`、`<footer>`、`<article>`等,是根据实际网页设计和开发的常见模式提出的。这些标签直接反映了网页内容的结构,使得文档结构更加清晰,便于理解和维护。 3. **易用性...
- **版本**:仅在HTML5中新增。 ##### 10. `<aside>` - **功能**:定义页面内容之外的相关信息,如侧边栏。 - **版本**:仅在HTML5中新增。 ##### 11. `<audio>` - **功能**:定义声音内容,用于播放音频文件...
1. HTML5新增主体元素结构: - article元素:用于定义页面中独立的、自成一体的内容区域。article元素内的内容应该与页面其他内容相对独立。 - section元素:表示文档中的一个区域,用于将页面内容划分为不同的...
在HTML5中,新增了多个主体结构元素,如`<header>`、`<nav>`、`<article>`、`<section>`、`<aside>`和`<footer>`,这些元素赋予了网页更明确的语义: - `<header>`:通常用于放置页面或内容区块的标题、logo或搜索...
HTML5不仅保持了HTML4的核心功能,还新增了许多特性来支持多媒体、图形绘制、离线存储等功能,极大地提升了Web应用的表现力和可用性。 #### 二、HTML5的基本结构 HTML5文档的基本结构包含以下几个主要部分: 1. **...
1. **基础语法**:熟悉HTML5的基本语法结构,包括文档类型声明、头部信息、主体内容等。 2. **新标签和属性**:重点掌握HTML5中新引入的标签和属性,理解其用途和应用场景。 3. **实践项目**:通过实际动手制作...
1. 学习如何编写HTML5文档结构,包括DOCTYPE声明、头部元信息、导航、主体内容和页脚。 2. 使用HTML5的新元素来组织内容,如创建文章、侧栏、导航菜单等。 3. 掌握CSS3的选择器,为不同类型的元素设置不同的样式。 4...
此外,HTML5对表单控件进行了改进,新增了日期选择器、颜色选择器等,并支持输入验证,提高了用户体验。 二、HTML5核心技术 1. Canvas:HTML5的Canvas元素提供了一个在网页上绘制图形的API,通过JavaScript可以动态...
HTML5新增了许多语义化更强的元素,使网页结构更加清晰明确。下面是一些常用的元素及其用途: - **`<header>`**:定义一个页面或者节(section)的头部。它可以包含导航链接、logo等信息。 - **`<nav>`**:用于...
首先,HTML5引入了许多新的标签和元素,如、、、、等,这些结构性标签大大提高了代码的语义性,使得网页内容的组织更加清晰,对于搜索引擎优化(SEO)也十分有利。例如,在设计博客时,可以使用定义头部,用于导航,...