175 6191 5976

添加官方微信

领创时代关于网站建设、青岛画册设计、青岛网站设计的观点和相关新闻 将我们的想法与焦点与你共享

网站标题应该如何设计

2019-09-05 来源:小领

标题在大多数网站都是必不可少的。事实上,几乎任何文档和资料都至少有一个标题,以便您知道您正在阅读的内容的标题。这些标题使用HTML标题元素有h1,h2,h3,h4,h5和h6还可以用其他元素通过CSS修饰来用作标题。

在某些网站上,您可能会发现标题是在不使用这些元素的情况下完成的。相反,标题可以使用添加了特定类属性的段落,或者使用类元素的段。我们经常听到这种错误做法的原因是设计师“不喜欢标题的样子”。默认情况下,标题以粗体显示,并且它们的个头非常笨重,尤其是h1和h2元素,其显示的字体大小比页面文本的其余部分大得多。请注意,这只是这些元素的默认外观!使用CSS,您可以根据需要制作标题!您可以更改字体大小,删除粗体等等。标题是编写页面标题的正确方法。以下是一些原因。


为什么使用标题标签而不是?这是使用标题的最佳实现,并以正确的顺序使用它们(即.h1,然后是h2,然后是h3等)。搜索引擎对标题标记内包含的文本赋予最高权重,因为该文本具有语义值。换句话说,通过标记页面标题H1,您可以告诉搜索引擎蜘蛛这是页面的第一焦点。H2标题有#2强调,依此类推。

如果您知道所有网站都有一个粗体,2em和黄色的H1,那么您可以在样式表中定义一次并完成。6个月后,当您添加另一个页面时,只需在页面顶部添加H1标签,您无需返回其他页面即可找出用于定义主要内容的样式ID或类别标题和副标题。

即使样式关闭,您的页面也会有意义。不是每个人都可以查看或使用样式表(这又回到了#1 - 搜索引擎查看页面的内容(文本),而不是样式表)。如果您使用标题标记,则会使您的页面更易于访问,因为标题提供了DIV标记不会提供的信息。

它对屏幕阅读器和网站可访问性有帮助。正确使用标题可为文档创建逻辑结构。这就是屏​​幕阅读器用于向视力受损用户“阅读”网站的内容,使您的网站可供残障人士使用。 

版权声明:转载此文章须经 领创时代 同意,并请附上 领创时代 及本页链接http://www.leadnov.com/newsItem.aspx?id=268
创造品牌视觉体验 X 创新IT技术赋能企业
领创帮助您创新品牌战略,让品牌成为最具价值的资产。
中国·山东 青岛市市北区郑州路43号橡胶谷A栋
热线:175 6191 5976
微信:leadnov
Copyright © 2018-2020 leadnov All Rights Reserved
鲁ICP备18056479号-1站点地图

关注领创公众平台

添加官方微信

175 6191 5976