css – H2来源于h1之前,是吗?

前端之家收集整理的这篇文章主要介绍了css – H2来源于h1之前,是吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我使用< h2>对于左侧栏标题,使用< h1>对于主要中心内容区域标题,然后实际在源中,并且如果CSS被禁用,则在条件< h2>在< h1>之前.

没关系或者我不应该使用< h2>左侧栏标题

更新日期:2月5日

添加示例图像

Heading Structure http://easycaptures.com/fs/uploaded/235/1182330679.png

为什么我要问,因为我总是阅读许多文章< H1>应该是页面中的第一个标题.

alt text http://www.crearecommunications.co.uk/seo-blog/wp-content/uploads/2009/11/heading-subheads.gif

解决方法

那么,考虑到h标签的语义,这是不行的.您在成品文件中的标题应该会产生一个文件大纲
1. H1-Head
     1.1 H2-Head
         1.1.1 H3-Head
         1.1.2 H3-Head
         ...
     1.2 H2-Head
         1.2.1 H3-Head
         ...
     1.3 H2-Head
     ...

等等.

当然这个大纲应该符合标签发生的时间顺序.

更新为您的更新

我会建议以下标记

<h1><a>Main title of your site</a></h1>
<h2>Sidebar</h2>
    <h3>Sidebar Headline 1</h3>
    <h3>Sidebar Headline 2</h3>
    ....  
<h2>Main content</h2>
    <h3>Headline 1</h3>
    <h3>Headline 2</h3>
    ...

你知道Firefox Web Developer Plugin吗它具有“显示文档大纲”功能.在那里,您可以轻松地验证标记的逻辑.并给你一个想法,pfizer.com和phizer.de的一个好例子和一个坏的例子(我认为你可以得到这个想法,即使是德语 – 红头条标题说“Missing Headline”).

pfizer.com http://img246.imageshack.us/img246/1336/com.png

pfizer.de http://img96.imageshack.us/img96/1273/74591264.png

顺便说一下:在标记中使用所有h标签不一定意味着它们都必须可见;-)!

猜你在找的CSS相关文章