百科狗-知识改变命运!

- 文档的主要部分 - html5 内容分区

百变鹏仔2年前 (2023-11-21)阅读数 24#技术干货
文章标签元素

 - 文档的主要部分 - html5 内容分区

版本:HTML5

HTML元素呈现了文档的。主要内容区域和文档核心主题或应用程序中心功能直接相关与扩展的内容组成。

浏览器支持

所有主流浏览器都支持标签。

示例


  这里是主体内容。

使用说明

  • 在文档中,元素的内容应当是独一无二的。任何同时存在于任意一系列文档中的相同、重复内容,比如侧边栏、导航栏链接、版权信息、网站 Logo,搜索框(除非搜索框为文档的主要功能),都不应当被包含在其内。
  • 对文档的大纲(outline)没有贡献;也就是说,它与诸如之类的元素,诸如

    之类的标题等不同,不会影响DOM的页面结构概念。它仅有提供信息的作用。
内容分类流式内容,可触知内容。
允许的内容流式内容元素
标签省略不允许,开始标签和结束标签都不能省略。
允许的父元素任何支持流内容但可能不是继承元素的元素,,,,或
允许的 ARIA roles元素默认就有 main 角色,同时也允许使用 presentation 角色。
DOM 接口HTMLElement

WHATWG 和 W3C 规范之间的差异

元素的定义在 WHATWG 的现行标准(这是 MDN(Mozilla 开发者网络)按照惯例使用规范)和 W3C 规范大不相同。与上面给出的描述相比,这两个规范之间的区别是:

  • HTML 的 WHATWG 现行标准允许页面中有多个元素,而W3C 版本的规范不允许,除非其中除了一个之外,都使用 hidden 属性隐藏。
  • WHATWG 规范允许在流式内容的任何地方使用。另一方面,W3C 版本的规范不允许成为,,,,或的后代。

这似乎是一小段差异,但是在功能层面上,元素是非常简单的,所以如果不牢记这些差异,这些差异的存在就会产生重大后果。

属性

此元素仅包含全局属性。

事件属性

元素支持 HTML 的事件属性。

例子




  

apples

the apple is the pomaceous fruit of the apple tree.

red delicious

these bright red apples are the most common found in many supermarkets.

...

...

granny smith

these juicy, green apples make a great filling for apple pies.

...

...

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)