HTML5中有内容元素吗?
我对这家伙使用的HTML5中有内容元素吗?,html,Html,我对这家伙使用的内容元素感到困惑。我找不到关于它的信息,据我所知,HTML5中没有类似的东西。我错了吗 迭代代码,来自此视频: 这是正确的吗? 提出了一个元素,但用于HTML5 这就是试图教授规范草案的危险。您可以使用。它在HTML中用于分隔页面的主要内容 像这样: <!DOCTYPE html> <html> <head> ...head content </head> <body> <header&g
内容元素感到困惑。我找不到关于它的信息,据我所知,HTML5中没有类似的东西。我错了吗
迭代代码,来自此视频:
这是正确的吗?
提出了一个
元素,但用于HTML5
这就是试图教授规范草案的危险。您可以使用
。它在HTML中用于分隔页面的主要内容
像这样:
<!DOCTYPE html>
<html>
<head>
...head content
</head>
<body>
<header>
...header content
</header>
<nav>
...nav menu
</nav>
<main>
<section id="news">
<article id="who-let-the-dog-out">
...article content
</article>
<article id="LottoSurprice">
...article content
</article>
</section>
<section id="blog">
...section content
</section>
<aside id="advertisement">
...aside content
</aside>
</main> <!-- end of page content -->
<footer>
...footer content
</footer>
</body>
</html>
…头部内容
…标题内容
…导航菜单
有一个元素,尽管它的使用方式与演示者在本问题中链接的视频中的使用方式不同
HTML
元素在shadowdom内部用作插入
指向它不打算在普通HTML中使用。它与Web一起使用
组成部分
视频中的演示者可能应该使用该元素
HTML
元素表示文档或应用程序的
的主要内容。主内容区域由与文档的中心主题或应用程序的中心功能直接相关或扩展的内容组成。此内容应为文档所独有,不包括在一组文档中重复的任何内容,如侧栏、导航链接、版权信息、网站徽标和搜索表单(当然,除非文档的主要功能是作为搜索表单)
WHATWG HTML living(联合国)标准中有“类似这样的东西”,但它被称为
,而不是
。然而,在W3C HTML5标准中,
仅用于
元素的主要内容,因此可能不适合按照视频中所示标记文章的主要内容。但是使用
替换div.mainContent
是正确的?我认为是这样,如下所示:,但是现在只有firefox和chrome在工作,HTML中确实存在一个
标记。它与shadowdom有关:我不认为
将其编入任何HTML草稿。看起来更像是一厢情愿的想法。链接文章中反对内容
的论点实际上并不很好——从语义上讲,不在另一个标记中的所有内容都必须是内容
,这既不一定正确,也没有帮助。如果你打算使用页眉
和页脚
,那么我认为使用内容
@nicodems13是合乎逻辑和合理的-那就和规范编写者谈谈吧。(但是页眉和页脚是内容,即使它们不是主内容)。。它似乎已被
元素取代,该元素试图解决相同的问题,但以不同的方式解决。注意:main
用于文档中的主要内容。每个文档只允许一个。因此,它不像节
或头
那样可重用。总的来说,这是一个非常无用的HTML标记。但是,如果社区聚集在一起并开始将其用作节/文章标记的主要内容,这可能会迫使他们更改规范。如果您想将main
用作页眉
和页脚
之间的主要内容,请注意。因此,对于主要内容是一篇带有页眉和页脚的文章的页面,您必须使用其他内容(即使在本例中只有一篇main
)。我想最好的选择是部分
。因此,对于只包含一篇具有页眉和页脚的文章的页面,请使用:
…但每个文档只能有一个主文档,因此这不适用于可能需要页眉和页脚组合的任何其他情况。
<!DOCTYPE html>
<html>
<head>
...head content
</head>
<body>
<header>
...header content
</header>
<nav>
...nav menu
</nav>
<main>
<section id="news">
<article id="who-let-the-dog-out">
...article content
</article>
<article id="LottoSurprice">
...article content
</article>
</section>
<section id="blog">
...section content
</section>
<aside id="advertisement">
...aside content
</aside>
</main> <!-- end of page content -->
<footer>
...footer content
</footer>
</body>
</html>