什么是html区段格式标签,HTML5区段标记的含义?

本文深入解析HTML5中的
元素,探讨其在文档结构中的分段作用,与article、aside和nav的区别,以及在创建文档大纲和内容组织中的最佳实践。通过权威来源和实例分析,了解如何正确使用
来提升内容的可读性和SEO价值。
摘要由CSDN通过智能技术生成

标签基础的讨论中可能很有用,但我找不到它。

注:我正在寻找记录有权威来源的答复

http://www.w3.org/wiki/HTML/Elements/section不是section的正式定义。 section在HTML5规范中定义,该规范目前是候选推荐书(是编辑草稿的快照)。

在CR中,section定义为:

The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.

section是分段内容元素(与article,aside和nav一起)。这些节元素和标题(h1-h6)创建轮廓。

以下三个示例在语义上是等效的(含义相同,轮廓相同):

My first day

Waking up

The big moment!

Going to bed

My first day

Waking up

The big moment!

Going to bed

My first day

Waking up

The big moment!

Going to bed

因此,只要使用(*)使用h1-h6,就可以使用section。当您在大纲中需要单独的条目但又不能(或不想)使用标题时,可以使用section。

还要注意,header和footer始终属于其最接近的祖先切片内容(如果没有切片元素,则属于切片根,如body)。换句话说:每个section / article / aside / nav元素可以具有自己的header / footer。

可以说,article,aside和nav是section元素的更特定的变体。

two completly different usage cases

这两个用例根本没有什么不同。在"容器"情况下,您可以说section代表文档的一章,而在"章"情况下,section代表文章/内容的一章(当然,这是文档的一部分) )。

同样,某些标题用于为网页部分添加标题(例如"导航","用户菜单","评论"等),而某些标题用于为内容添加标题("我的第一天","我的"最喜欢的书"等)。

"更具体",您是说article等同于section吗?

@FezVrasta:是的(ty,我回答的措词改变了)。原则上,您可以在适合大纲条目的任何地方以section开头(!),然后开始使用article | aside | nav替换这些section元素,如果它们对应的定义与您的内容。

关于您的上一次编辑:看来现在我们正在浏览旧的良好DOM区域,它被视为文档(就像Writer文档一样),并且现在可以用于除文档之外的所有复杂布局网站。哦,网络!

都是分段内容。您可以将一个sectioning元素嵌套在另一个中,以将外部元素切成多个部分。

HTML生活标准4.4.11:

...

Sectioning content elements are always considered subsections of their nearest ancestor sectioning root or their nearest ancestor element of sectioning content, whichever is nearest, regardless of what implied sections other headings may have created.

...

您可以将

视为一般的剖分元素。就像,它在其最接近的分段父级(或最接近的分段根,可能是)中定义了一个分段。

也是一个部分,但是它确实具有一些语义。即,它表示独立的内容(也就是说,它可能是自己的页面,并且仍然有意义)。

这是有道理的,但是消息来源?

(已编辑以包括标准报价。)

好的,这是我从权威来源收集的信息。

MDN:

HTML Section Element()代表文档的一般部分,即内容的主题分组,通常带有标题。

使用注意事项:

如果可以单独联合一个元素的内容有意义,请改用元素。

请勿将元素用作通用容器;这就是这样做的目的,尤其是当切片仅用于样式目的时。经验法则是,逻辑上应在文档的轮廓中显示一个部分。

Shay Howe的指南:

节比文章更容易与div混淆。作为块级元素,部分被定义为代表通用文档或应用程序部分。

确定何时使用节与div的最佳方法是查看手头的实际内容。如果内容块可以作为记录存在于数据库中,而没有明确需要作为CSS样式钩子,则section元素最适用。应该使用节来分页,提供自然的层次结构,并且最常见的是具有适当的标题。

dev.opera.com

基本上,article元素用于独立的内容,这些内容在当前页面的上下文之外是有意义的,并且可以很好地联合在一起。这些内容包括博客文章,视频及其抄本,新闻故事或系列故事的一部分。

另一方面,section元素用于将页面的内容分为不同的功能或主题区域,或将文章或故事分为不同的部分。

我已经更新了页面示例并使用HTML5 Outliner进行了检查,看起来还可以,因此以这种方式使用它们可能是正确的

我用Operas的答案更新了这个主题。

W3C也使用article进行注释,但是在我认为的上下文之外它们没有任何意义。

我同意这一点。也许评论实际上是核心信息,而不是实际新闻下方。

这是w3c的官方部分:

http://www.w3.org/wiki/HTML/Elements/section

引用:" [section]元素代表文档或应用程序的通用部分。"

我想,从理论上讲,如果文章中有文章,那么嵌套选择示例可能会起作用。但是,为什么您在文章中会有文章?没有什么意义。

文章中的文章是W3C的一个示例,我的是其中一篇文章包含在另一个文章中的文章。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值