Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
语义HTML:哪个是标题,哪个是副标题?_Html_Semantic Markup - Fatal编程技术网

语义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,这将是什么样子,在这种情况下,第一部分是标题是最有意义的。我想我被困在更大的文本中,可能是标题,因为它“看起来”应该是这样的,但这并不意味着什么。谢谢你,你帮我克制住了我的想法。没问题……)