语义HTML:哪个是标题,哪个是副标题?
我有一种情况,我会有很多内容,在小文本中有一个标题,在它的正下方是一个更长的标题(有时甚至是一个句子),在更大的文本中,后面是标准段落文本。下面是我所说的一个例子:语义HTML:哪个是标题,哪个是副标题?,html,semantic-markup,Html,Semantic Markup,我有一种情况,我会有很多内容,在小文本中有一个标题,在它的正下方是一个更长的标题(有时甚至是一个句子),在更大的文本中,后面是标准段落文本。下面是我所说的一个例子: 正文{ 字体系列:Arial,无衬线; 最大宽度:400px; 保证金:0自动; } 氢{ 字体大小:12px; 文本转换:大写; 利润率:20px 0 10px; } .标语{ 利润率:0.20px0; 字体大小:24px; } 章节标题 标语。。。Lorem ipsum dolor sit amet,奉献精英。阿特克 Lore
正文{
字体系列:Arial,无衬线;
最大宽度:400px;
保证金:0自动;
}
氢{
字体大小:12px;
文本转换:大写;
利润率:20px 0 10px;
}
.标语{
利润率:0.20px0;
字体大小:24px;
}
章节标题
标语。。。Lorem ipsum dolor sit amet,奉献精英。阿特克
Lorem ipsum,dolor sit amet Concertetur Adipising Elite。在处理HTML语义时,主要规则决不适用于HTML的表示部分。这就是为什么我们有CSS
目前,所有网站都在修改HTML语义,以符合WCAG标准。简单地说,这些是一些标准,当开发人员遵循这些标准时,可以帮助有无障碍问题的人轻松访问web
有关详细信息:
因此,我建议使用正确的语义保持标题和副标题的正确方式。考虑一下CSS方面的演示
我不确定这是否是你想要的答案,但我希望这有助于你做出决定 为什么不使用标题的层次结构?在您的示例中,如果标记行是一个标题,您应该将其放在h3后面
屏幕阅读器不会向用户展示CSS,所以问问自己,“当CSS被减少时,内容‘结构’是否仍然有意义?”如果使用适当的语义,那么结构将被保留,但当CSS被删除时,模拟样式(如应用于p标记的标题样式)将失去其意义。这意味着屏幕阅读器只会将标记行显示为段落文本,而不会将其显示为子标题。人们使用屏幕阅读器浏览或跳转标题,这样p标签行就不会出现在标题导航中
这有意义吗?很高兴澄清任何令人困惑的问题 你是在为真正符合正版风格的内容而努力,还是希望通过忽略WCAG而获得SEO提升(尽管有些“SEO大师”可能会这么说,这可能会带来反效益)?更多地关注SEO和易访问性,我试图与WCAG标准相匹配,并帮助SEO。如果我理解正确的话,基本上,如果你理解的话,我需要考虑如果没有使用CSS,这将是什么样子,在这种情况下,第一部分是标题是最有意义的。我想我被困在更大的文本中,可能是标题,因为它“看起来”应该是这样的,但这并不意味着什么。谢谢你,你帮我克制住了我的想法。没问题……)