HTML5 header标签的定义与规定

yumo6666个月前 (07-06)技术文章84

提示:点击上方"蓝色字体"↑ 可以订阅噢!

<header>标签定义文档的页面组合,通常是一些引导和导航信息(DOM接口、可设置属性)。

<header>标签定义文档的页眉(介绍信息)。

Header区的例子包含了页面标题和副标题,<header>标签被用来创建页面的Header区的内容。除了网页本身之外,<header>标签还可以包含关于<section>和<article>的公开信息。这里创建的网页有该页面的一个Header区,这在高层设计中有给出,以及一个位于Article和Section区内部的Header区。清单1提供了一个<header>标签标记的例子。

<!--<header>标签的例子-->

?

1

2

3

4

5

6

7

8

9

<header>

<h1>标题文字</h1>

<p>文本或是图像可放在这里</p>

<p>Logo通常也放在这个地方</p>

</header>

<header>标签还可以包含一个<hgroup>标签,如清单2所示。<hgroup>标签把标题分组放在一起,使用<h1>到<h6&这些标题分级来在此处显示主标题和子标题。

view source print?

<!-->hgroup<标签的例子-->

?

1

2

3

4

5

6

7

8

9

10

11

12

13

<header>

<hgroup>

<h1>主标题&/h1>

<h2>子标题</h2>

</hgroup>

<p>文本或是图像可放在这里</p>

</header>

想认识志同道合的朋友一起学习web

加入我们的学习QQ群 190166743

丰富的学习资源,周一到周四免费直播公开课

长按图片,识别二维码即可入群

你可能感兴趣的精彩内容

长按关注:《UI设计自学平台》

相关文章

HTML5教程从入门到精通,随堂笔记(一)HTML5框架结构

HTML5从入门到精通,兄弟连京修随堂笔记(一)HTML的框架结构,每日都有新内容,订阅走一波一个浏览器窗体可以通过几个页面的组合来显示。我们可以使用框架来完成(frames)这项工作。(框架可以把H...

干货|嗨创免费建站扒开HTML5技术对网站SEO的影响

互联网是一个转变的世界, 为了适应时代的变迁,在W3C也纳入自己的变化,出格是在互联网用得上,超文本标识表记标帜说话。新版本的HTML此刻是在第5版,从简单起头的HTML演变为收集和这种语言的尺度语言...

《从零开始学前端:HTML+CSS+JavaScript的黄金三角》

为什么说HTML5+CSS3+JavaScript是前端的黄金三角?想象一下,你想盖一座房子: HTML5是地基,决定房屋的骨架和结构; CSS3 是装修,让房子变得美观、舒适; JavaScr...

网站导航如何设计?

今天来给大家分享一些导航条的设计形式,帮助大家建设营销型网站,提升SEO优化效果。一、网站底部横向导航 最常见的网站导航,符合用户浏览习惯,用户进入网站之后,可第一眼看到网站导航的位置,一般位于网站的...

一个简单的标准 HTML 设计参考

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">&...

Html5之Bootstrap框架介绍

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstra...