广州聚米网络科技有限公司

主营产品:SEO优化,海外推广,营销型网站建设

推广助力1

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

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

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


标题顺序

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

正文中使用的所有标题(在页面标题之后)均小于等于<h2>。总共可以使用标题2-6。在密歇根理工学院,我们建议坚持标题2-5,因为通常不需要<h6>。

嵌套标题

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

 

视觉范例

以下是如何正确排列标题的直观示例。

 

标题2-示例1

Lorem ipsum dolor坐下,一直保持着安静的状态。Aliquam aliquam lorem dignissim,乌拉圭quis,venenatis lacus。Suspendisse vitae maleutada velit,ut ullamcorper sem。Sed ut dignissim拷打者。Nullam eu lectlect sapien。

 

子标题3级-示例2

Lorem ipsum dolor坐下,一直保持着安静的状态。Aliquam aliquam lorem dignissim,乌拉圭quis,venenatis lacus。Suspendisse vitae maleutada velit,ut ullamcorper sem。Sed ut dignissim拷打者。Nullam eu lectlect sapien。

 

子标题3级-示例3

Lorem ipsum dolor坐下,一直保持着安静的状态。Aliquam aliquam lorem dignissim,乌拉圭quis,venenatis lacus。Suspendisse vitae maleutada velit,ut ullamcorper sem。Sed ut dignissim拷打者。Nullam eu lectlect sapien。

 

子标题4级-示例4

Lorem ipsum dolor坐下,一直保持着安静的状态。Aliquam aliquam lorem dignissim,乌拉圭quis,venenatis lacus。Suspendisse vitae maleutada velit,ut ullamcorper sem。Sed ut dignissim拷打者。Nullam eu lectlect sapien。

 

标题2-示例5

Lorem ipsum dolor坐下,一直保持着安静的状态。Aliquam aliquam lorem dignissim,乌拉圭quis,venenatis lacus。Suspendisse vitae maleutada velit,ut ullamcorper sem。Sed ut dignissim拷打者。Nullam eu lectlect sapien。

 

代码示例

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

 

 

范例说明

回顾我们的示例,我们有两个单独的<h2>:示例一和示例五。它们可以被认为等同于书中的章节。

我们有两个单独的<h3>:示例二和示例三。它们都是两个小标题,例如一个,可以被认为等同于书中的章节。

我们有一个<h4>,它是示例三的子标题。可以将其视为等同于书中章节内容的主题。

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

 


摘要

正确地排列标题很重要。避免使用标题以获得仅视觉效果。例如,如果您有一个要脱颖而出的公告,但此消息后来并不是该内容的标题,则不应使用标题。取而代之的是,使用一些CSS设置段落文本的样式,使其看起来独特而突出。在将标题添加到网页时,请始终想到屏幕阅读器用户。

学到更多

要了解有关使用正确标题结构的原理的更多信息:

(1)WebAIM:语义结构

()WAI:标题

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

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

 

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

广州聚米网络科技有限公司(简称:聚米网络),是一家专注于外贸全网营销一站式解决方案的技术型企业,凭借着多年的经验及强大的技术研发能力,已成功助力500+外贸企业快速扩张海外市场,实现业绩倍增的辉煌成绩。

广州聚米网络科技有限公司

00

我要对广州聚米网络科技有限公司评论

  • 好评
  • 差评
发布评论

广州聚米网络科技有限公司归属地:广东/广州/天河区

先生 点击这里给我发消息

电话:

邮箱:

地址:广州天河

免责声明:以上信息由会员自行提供,内容的真实性、准确性和合法性由发布会员负责,推广家对此不承担任何责任。推广家不涉及用户间因交易而产生的法律关系及法律纠纷, 纠纷由您自行协商解决。

风险提醒:本网站仅作为用户寻找交易对象,就货物和服务的交易进行协商,以及获取各类与贸易相关的服务信息的平台。为避免产生购买风险,建议您在购买相关产品前务必 确认供应商资质及产品质量。过低的价格、夸张的描述、私人银行账户等都有可能是虚假信息,请采购商谨慎对待,谨防欺诈,对于任何付款行为请您慎重抉择!如您遇到欺诈 等不诚信行为,请您立即与推广家联系,如查证属实,推广家会对该企业商铺做注销处理,但推广家不对您因此造成的损失承担责任!

我们该如何标题正确使用

1590144
2020-01-14 18:02
通讯产品/其它
广州聚米网络科技有限公司
研究和试验发展(具体经营项目请登录广州市商事主体信息公示平台查询。依法须经批准的项目,经相关部门批准后方可开展经营活动。)
业务热线: ( 先生)
查看联系方式
点击这里给我发消息