HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 网站标题的语义标记,即使是大纲大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
通常当我编写 HTML5文档时,我使用以下语法:

<header class="site-header">
    <hgroup class="site-brand">
        <h1 class="brand-name">
            Brand Name
        </h1>
        <h2 class="brans-slogan">
            Awesome Slogan
        </h2>
    </hgroup>
</header>
<article>
    <header class="article-header">
        <h1 class="article-title">Article Header</h1>
    </header>
    [... content ...]
</article>

它似乎是标题是网站标题的正确标记,但在阅读了specoutlining this code之后,我看到了两个缺点

>标题标记使其内容为第一级,文章标题为第2级
>网站标题可能根本不包含标题,因为它的目的是告诉用户页面属于谁.

什么是最好的方法

解决方法

@H_616_19@ 你的一个问题是你有两个h1标签.这不是正确的语义标记.您对标题标记是正确的,最好在该区域中添加高级别的h标记.

这么说,你的原始问题是设计和内容架构问题.如果您要在文章正文中使用h1,那么您应该选择在页面标题中使用的其他标记.

规范说,“标题元素通常包含一个部分的标题(一个h1-h6元素或hgroup元素),以及该部分的介绍材料或导航辅助工具等内容.”

但它没有必要. h1标签(和标题标签)是页面的主要语义标记.你不需要2个h1标签或标头标签,但是这两个标签不必一起……但如果你能用这种方式构建它就很好.

大佬总结

以上是大佬教程为你收集整理的html5 – 网站标题的语义标记,即使是大纲全部内容,希望文章能够帮你解决html5 – 网站标题的语义标记,即使是大纲所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。