gpt4 book ai didi

html - 在 HTML5 的网站名称上使用

转载 作者:技术小花猫 更新时间:2023-10-29 12:51:24 25 4
gpt4 key购买 nike

如何在 HTML5 中正确标记网站标题?通常我用以下标记标记网站的名称:

<h1>
<a href=#>Website Name</a>
</h1>

最近我遇到了 HTML5 文档大纲算法。我还读到,在 h1 标签中标记您网站的名称似乎没有意义,因为除了网站名称之外,每个页面可能都有不同的主标题 (h1)。

假设在 Facebook 上,如果 Facebook 的 Logo /标题的标记包含在 <h1> 中怎么办?标签。然后,如果每个帖子都包含在 <article> 中标签。例如:

<article class="post">
<h5 class="post-header">
<a href="#">Someone has shared Blah Blah's photo</a>
</h5>
<div class="post-body">...</div>
</article>

我认为文档大纲应该是

  1. Facebook

    1.1 有人分享了Blah Blah的照片

    1.2 其他帖子

    1.3 其他帖子

可以吗?

最佳答案

特别是 因为 大纲,使用 h1 是有意义的。

如果您的网页是网站的一部分,每个页面都应该有一个站点 header h1,其中包含站点标题、站点 Logo 或两者。重要的是,此站点 header 不是分段元素的子元素(section/article/aside/导航)。

因此页面的顶级标题将始终是网站标题。站点导航、页面的主要内容、带有次要内容的侧边栏等都将是该顶级标题的“子级”。

博客文章页面的简单结构可以是:

<body>
<h1><img src="logo.png" alt="John's blog"></h1>

<nav><!-- the site-wide navigation --></nav>

<article>
<h1>My first blog post</h1>
<p>…</p>
<footer><!-- this footer applies to the article only--></footer>
</article>

<footer><!-- this footer applies to the whole page (→ the site)--></footer>

</body>

这将创建如下大纲:

1 John's blog (→ body>h1)
1.1 untitled (→ body>nav)
1.2 My first blog post (→ body>article>h1)

如果您不在 h1 中使用站点标题/ Logo ,该页面将有一个无标题的顶层大纲条目:

1 untitled (→ body)
1.1 untitled (→ body>nav)
1.2 My first blog post (→ body>article>h1)

如果您不使用 h1 作为站点标题/ Logo 并且您的主要内容没有分段元素......

<body>
<img src="logo.png" alt="John's blog"> <!-- omitted h1 -->

<nav><!-- the site-wide navigation --></nav>

<!-- omitted article -->
<h1>My first blog post</h1>
<p>…</p>

</body>

……你会得到一个包含两个顶级条目的大纲:

1 untitled (→ body)
1.1 untitled (→ body>nav)
2 My first blog post (→ body>h1)

关于html - 在 HTML5 的网站名称上使用 <h1>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14912778/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com