Jon*_*ram 57 html usability accessibility semantics
在面向文章的页面(例如博客文章)中,<h1>元素(级别1标题)通常用于标记:
<title>元素),或什么是最好的选择,为什么？
对于网站所有者,他们可能想要向世界喊出他们的网站/博客的名称,使用网站标题周围的1级标题似乎是有道理的.
从您尝试与用户沟通的角度来看,网站标题的相关性较低 - 文章内容是您尝试传达的内容,而所有其他网站内容都是次要内容.因此,使用<h1>文章标题似乎是最好的.
我觉得<h1>元素应该关注文章标题,而不是网站标题或其他内容.无论如何,这似乎不是一个受欢迎的公约.
例子:
<h1>的文章标题,并为网站的标题锚<h1>可言,<h2>对文章标题和网站标题锚<h1>的网站标题和文章的标题锚这是三个站点中的三种不同方法,您可能会期望对正确的语义标记进行强烈考虑.
我认为乔尔在杰夫紧随其后是正确的.我很惊讶37Signals人的加成选择.
对我来说,这似乎是一个非常简单的决定:与文章的消费者最相关的是什么？文章标题.因此将文章标题包装在<h1>元素中.完成.
我错了吗？我还缺少进一步的考虑因素吗？我对吗？如果是这样,为什么' <h1>for article title'方法不常用？
决定使用<h1>元素的位置是不变的,就像我说的那样？或者还有一些主观考虑因素吗？
更新:感谢目前为止的所有答案.对于如何使用<h1>文章标题而不是网站标题有利于可用性和可访问性(或者不是,视情况可能或不是),我真的很感激.基于事实而不仅仅是个人假设的答案将获得许多奖励积分!
xsl*_*xsl 32
有关此主题的W3C质量保证提示:
<h1>是文档的第一级标题的HTML元素:
如果文档基本上是独立的,例如日内瓦的"看得见的东西",那么顶级标题可能与标题相同.
如果它是一个集合的一部分,例如关于宠物的页面集合中的狗的部分,那么顶级标题应该假定一定量的上下文; 只要写
<h1>Dogs</h1>标题应该在任何背景下工作:狗 - 你的宠物指南.
Jar*_*red 12
作为屏幕阅读器用户,只要标题级别一致,标题级别就无关紧要.不同的博客使用不同的约定,因此没有标准的方法可以使其更易于访问.确保标题与内容级别匹配比使用什么级别的标题更重要.例如,如果显示一系列带有评论的博客文章,则所有博客文章都可以具有标题级别2,并且在评论开始时您可以具有标题级别3.对于易于导航标题的示例,查找具有多个部分的任何维基百科文章和小节.我可以通过使用我的屏幕阅读器轻松跳过主要部分,通过标题功能导航到任何2级标题,如果我想移动到给定部分的子部分,我将导航到下一个标题.
Jac*_*obE 11
在您博客的主页上,我将使用H1来表示首页上发布的各个博客帖子的标题的网站标题和H2.
但是,在输入特定文章时,我会使用H1作为文章标题和网站标题的锚点.
这是一个很好的语义设置,谷歌在抓取您的网站时也会很感激.