标题该怎样使用才算正确

发布于:2020-01-16

在组织你的Web内容时,使用结构正确的HTML标题而不是粗体段落或大写文本。将网页标题视为一本书的目录。经常浏览的人可以通过仅阅读标题来快速浏览你的网站,以了解其内容。他们可以专注于标题或副标题。

视力不佳的用户可以通过正确的结构标题获得相同的好处。辅助技术可以浏览它们的各个标题和子标题。如果标题不存在或顺序混乱,则无论用户的能力或残障程度如何,任何用户都无法跟随该网站的故事。

网页上不需要标题。但是,它们有助于分解并组织冗长的信息网页,从而提高了可读性。正确使用标题还具有搜索引擎优化的好处,可以帮助你的网页在Google的搜索结果中排名更高,接下来让我们一起去探讨如何正确使用标题。

 

标题顺序

标题必须遵循逻辑顺序才能符合Web无障碍要求,一个网页应该只有一个标题级别1 <h1>。这通常是页面标题。

正文中使用的所有标题(在页面标题之后)均小于等于<h2>,总共可以使用标题2-6,一般来说2-5够我们使用了,所以建议大家坚持标题2-5,因为通常不需要<h6>。

 

嵌套标题

如果你“嵌套”标题(换句话说,如果你具有标题的副标题),请不要跳过标题级别。如果你有<h2>并想在其后加上副标题,请使用<h3>。如果在此之后加上“等重”子标题,请再次使用<h3>,子标题的子标题将是<h4>,完成副标题后,你可以返回<h2>。

 

 

代码示例

以下是如何正确排列标题的编码示例。

标题使用代表.png

 

范例说明

屏幕阅读器(例如VoiceOver)将看到我们的目录,如下所示:

标题使用样式

正确地排列标题很重要。避免使用标题以获得仅视觉效果。例如,如果你有一个要脱颖而出的公告,但此消息后来并不是该内容的标题,则不应使用标题。取而代之的是,使用一些CSS设置段落文本的样式,使其看起来独特而突出。

 

 

另外,页面的标题自动为网页的<h1>,因此你无需自己应用该标题级别。还请记住,滑块标题和侧栏标题自动是<h2> s。如果选择将任何标题嵌套在滑块或侧边栏中,则应从<h3>标题级别开始。

 

要将标题样式应用于文本行,请将光标置于要变成标题的文本行内,然后从编辑器栏中最左侧的下拉菜单中选择标题级别。

 

标题使用格式

请注意,用于创建标题的相同方法通常可在其他在线应用程序中使用,例如Google Docs或MS Word。

如果你对以上的内容,还不是很了解,可以在下面留言,我们会一一回复的!

评论展示

参与评论
  • click

660

shares

 

在线客服

服务热线:400-8817-968

QQ客服:425827996

周一至周五:8:30-18:00

扫码加微信咨询

业务微信

15815846676
长按号码加微信

在线留言

top