内容分区(HTML元素)

2019-10-04  本文已影响0人  WhiteStruggle

内容分区

address 元素

地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/address

表示其中的 HTML 提供了某个人或某个组织(等等)的联系信息。

注意:不能嵌套address元素, 不能是头部内容 (hgroup, h1, h2, h3, h4, h5, h6), 不能是区块内容 (article, aside, section, nav), 不能是header 或 footer元素.

这个元素不能包含除联系信息之外的任何信息

字体默认为斜体

article 元素

地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/article

元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目

注意:article 元素不能成为 address 元素的子元素。

aside元素

地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/aside

aside 元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框(call-out boxes)。

注意:不要使用 aside 元素去尾随括号内的文本 ,因为这种文本被认为是主要流内容的一部分,
注意: aside 不能是address 元素的后代

footer 元素

地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/footer

表示最近一个章节内容或者根节点(sectioning root )元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。

注意:footer元素必须不能是 address, header 或者另一个footer 元素的后代元素。

footer元素不是章节内容,因此在outline中不能包含新的章节。

header 元素

地址;https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/header

元素用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等。

任何接受 flow content 的元素。注意 header 元素不能作为 address、footer 或另一个 header 元素的子元素。

hgroup元素

地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/hgroup

HTML5已经弃用

hgroup 代表一个段的标题。它规定了在文档轮廓里(the outline of the document )的单一标题是它所属的隐式或显式部分的标题。

main元素

地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/main

呈现了文档的 body 或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成

在文档中,main 元素的内容应当是独一无二的。任何同时存在于任意一系列文档中的相同、重复内容,比如侧边栏、导航栏链接、版权信息、网站 Logo,搜索框(除非搜索框为文档的主要功能),都不应当被包含在其内。

main 不会影响 DOM 的页面结构概念仅有提供信息的作用

nav元素

地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/nav

表示页面的一部分,其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单,目录和索引。


section元素

地址:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/section

表示一个包含在HTML文档中的独立部分,它没有更具体的语义元素来表示,一般来说会有包含一个标题。

一个 section 应该出现在文档大纲中。

如果元素的内容作为一个独立的有意义的集合,article元素可能是更好的选择。

如果元素内容可以分为几个部分的话,应该使用 article 而不是 section。

上一篇下一篇

猜你喜欢

热点阅读