当前位置:  开发笔记 > 前端 > 正文

是否可以在同一页面上使用多个h1标签,但不同的样式?

如何解决《是否可以在同一页面上使用多个h1标签,但不同的样式?》经验,为你挑选了4个好方法。

我有一个网页,我在各种DIV中多次使用h1标签,并且我为每个div设置h1的样式是合适的大小.

例如...

#content h1 {
  font-size:22px;
}

#left-nav h1 {
  font-size:14px;
}

#content .recent-news h1 {
  font-size:16px;
}

这好吗?我担心SEO.

最好的方法是什么?还是我什么都不担心?



1> 小智..:

来自谷歌的Matt Cutts回答了一页上的多个H1:好还是坏?(2009年3月5日):

好吧,如果有一个合理的理由要有多个部分,那就没有那么糟糕了,你知道多个部分h1.我会注意过度使用它.如果你的整个页面h1看起来很漂亮,对吧?所以,不要做h1,然后你CSS来使它看起来像普通的文本,因为我们看到的人,谁是竞争对手抱怨,如果用户曾经关闭CSS或CSS不加载,它看起来非常糟糕.所以,你知道,这里有一点点可以h1,然后页面上可能有两个部分,所以也许h1这里有一点点.

但你真的应该将它用于标题或标题,这就是目的.不要只是扔h1在页面上的任何地方.因为我可以告诉你,如果你只是扔h1在页面上的任何地方,人们都试图滥用它,所以我们的算法试图考虑到这一点,所以它并没有真正对你有好处.所以我会在有意义且更节俭的地方使用它,但你可以多次使用它.



2> Yes - that J..:

请记住,您的h1用于指示上下文,而不是布局.因此,在页面上有几个没有任何内在错误.

在此特定示例中,您需要确定左向导航h1是否与内容h1s和最近新闻h1具有相同的上下文重要性.如果您的脑海中存在明确的层次结构,请使用标题标记来演示它.



3> sykora..:

通常,每页只应有一个h1,并且h1应该简洁地表示该页面上的内容.只要您愿意使用CSS进行样式,找出哪个级别的标题(h2,h3,h4等)正确表示您要使用的标题,然后将其设置为样式.



4> Treb..:

在我看来,你不必担心,可以这样做.

H1将您的部分内容指定为第一级标题.因此,如果您的导航div中有第一级标题(例如

Navigation Menu

),那当然应该是#nav h1.

如果你的内容中应该有几个H1依赖:如果你有一个博客,每个条目都有自己的标题,那就是H1.但是,如果您的博客本身有标题(例如

My Blog!

),则博客条目标题应为H2.

但那只是理论.寻找可读的语义标记.你可以通过查看你的HTML并问自己最好地决定:'它是否可读?如果我以另一种方式做到这一点,可读性会提高吗?答案因项目而异.


http://www.w3.org/2003/12/semantic-extractor.html从这个大纲的角度确保它看起来正确.
推荐阅读
mobiledu2402851377
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有