<section>:在 web 页面应用中,该元素也可以用于区域的章节描述。 <header>:页面主体上的头部, header 元素往往在一对 body 元素中。 <footer>:页面的底部(页脚),通常会标出网站的相关信息。 <nav>:专门用于菜单导航、链接导航的元素,是 navigator 的缩写。 <article>:用于表现一篇文章的主体内容,一般为文字集中...
<section>:在 web 页面应用中,该元素也可以用于区域的章节描述。 <header>:页面主体上的头部, header 元素往往在一对 body 元素中。 <footer>:页面的底部(页脚),通常会标出网站的相关信息。 <nav>:专门用于菜单导航、链接导航的元素,是 navigator 的缩写。 <article>:用于表现一篇文章的主体内容,一般为文字集中...
<header>:描述了文档的头部区域,于定义内容的介绍展示区域 <nav>:定义导航链接的部分。 <section>:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分,section通常 包含了一组内容及其标题。 <article>:定义独立的内容。 <aside>:定义页面主区域内容之外的内容(比如侧边栏)。 <figure>:标签...
header,section,footer,aside,nav,main,article,figure{display:block;} header: 标签定义文档的页眉; section:定义文档中的节; footer:定义文档或节的页脚; aside:定义其所处内容之外的内容;//可用作文章的侧栏; nav:定义导航链接的部分;//果文档中有“前后”按钮,则应该把它放到 <nav> 元素中; main:规定文...
<header>、<footer>、<nav>、<aside>、<hgroup>、<section>、<article>、<main> 二、标签简介 <header> <header>标签代表页面或片段的头部,通常包含页面(或片段)的标题、介绍信息或一组导航。 一个页面里可以有多个<header>标签。 <header>标签不能包含在<footer>、<address>和其他<header>标签中。
HTML5新增的主要结构元素有6个:header、nav、article、aside、section、footer。 1.header元素 在HTML5中,header元素一般用于3个地方:页面头部、文章头部(article元素)和区块头部(section元素)。 当用于页面头部时,header元素一般用于包含网站名称、页面LOGO、顶部导航、介绍信息等。
1、一个Header区 2、一个Navigation区 3、一个包含了三个Section区和一个Aside区的Article区 4、一个Footer区。Haeder区: (页面标题和副标题)Header区的例子包含了页面标题和副标题,< header>标签被用来创建页面的Header区的内容。除了网页本身之外,< header>标签还可以包含关于< section>和< article>的公开...
我们在设计HTML前端代码的时候现在较多用的是HTML5,虽然有些时候不遵守代码规范也是不影响用户体验,但是严格意义将代码是需要规范的。在设计布局元素的时候,我们是不是会看到header、nav、article、aside、section、footer 这些元素标签,这些元素标签是如何使用的,有没有规范。
1、<section>:区段 类似于段落;在 web 页面应用中,该元素也可以用于区域的章节描述。 2、<header>:页面主体上的头部, header 元素往往在一对 body 元素中。 3、<footer>:页面的底部(页脚),通常会标出网站的相关信息。 4、<nav>:专门用于菜单导航、链接导航的元素,是 navigator 的缩写。
<header>头部标签</header><nav>导航栏标签</nav><articleclass="clearF"><articleclass="article1">内容标签<section>定义文档某个区域</section></article><aside>侧边栏标签</aside></article><footer>尾部标签</footer> * { margin: 0; padding: 0; ...