- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我仍在尝试熟悉 HTML5,有些东西感觉有点困惑....
我曾经读过 Jeremy Keith's book和 HTML5 Doctor(通过 this question )说 HTML5 使使用多个 h1
成为可能。在 HTML5 中,每个部分都可以有自己的标题元素,因此可以有多个 h1
。我见过一个 Wordpress 主题框架,"underscores" ,这似乎最充分地应用了这一点。
但是,这似乎会给旧版浏览器(尚未支持 HTML5)在定义站点结构/文档大纲时带来问题。此外,它还会给 SEO 带来问题。
我偶然发现了 Matt Cutts's (from Google) video并重新阅读 Keith 的书,该书建议限制 h1
的使用并使用常规文档大纲(每页仅使用一个或两个 h1
,然后是多个 h2
、h3
等)。 Matt Cutts 还暗示多个 h1
对 SEO 不太好。
但是,
所以我的问题是,如果我想:
我应该使用哪一个:多个 h1
(HTML5 中的方式)还是传统方式?
这个 HTML5(取自 HTML5 Doctor 的例子):
<h1>My fantastic site</h1>
<section>
<h1>About me</h1>
<p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p>
<section>
<h1>What I do for a living</h1>
<p>I sell enterprise-managed ant farms.</p>
</section>
</section>
<section>
<h1>Contact</h1>
<p>Shout my name and I will come to you.</p>
</section>
还是传统方式?
<h1>My fantastic site</h1>
<h2>About me</h2>
<p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p>
<h3>What I do for a living</h3>
<p>I sell enterprise-managed ant farms.</p>
<h2>Contact</h2>
<p>Shout my name and I will come to you.</p>
最佳答案
使用新格式。很多人会使用 h3
或 h2
,这也很好。
事实上,他们将使用 html5 提供的 section
或 article
或 header
或 footer
元素,然后使用 h3
或 h4
作为该文档段的标题(因为担心 SEO 惩罚/遗留样式|布局怪癖)。
这也很好。
如果您再次观看 Cuts 的视频,他说要将 h1
的使用保持在最低限度——只有在真正需要时才使用倍数。
这在这一点上并没有真正改变。
Google 不会因为你有倍数而谋杀你。谷歌希望每一个都意味着内容发生了根本性的变化。
无论您是否有分段(section
/article
/etc)元素都是如此。
Google 也已经到了这样的地步,他们可以正确地抓取仅 AJAX 或依赖 JavaScript 的网站,并拥有自己的内容丰富的元数据系统... ...它们足够复杂,可以解析 section
或 article
。
更多地担心内容的质量,如果您准备好接受它,他们用于搜索结果的 Google 特定元数据等......并让 Google 担心导航语义(只要您很好地使用它们,并且不做任何可疑的事情)。
较小的爬虫,谁知道... ...但这是基于每个爬虫的,大多数人只需要关注 Google、Bing 和 Yahoo,而其他爬虫要么以 Google 为食,要么非常特定领域(比如如果你出于某种原因想在选择加入的汽车租赁爬虫上排名很高......无论如何,此时你应该提供某种 XML/JSON 提要)。
关于html - 使用 h1 的正确方法? (关于文档大纲和SEO),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13057118/
对于 JavaScript 项目的文档,需要脚本文件的大纲,类似于 Eclipse 中的这些示例或 Oxygen . 我只需要 JavaScript 文件的“树”结构,而不是完整的文档。是否有任何解析
我正在阅读 this question关于禁用 周围的虚线边框链接。 Some answers二手 outline: none , 而 some二手 outline: 0 使用 outline: n
我正在使用主/细节模板,当横向运行时,细节 View 上只有一个后退箭头。我期待一个带有主视图标题的按钮。我认为这是默认设置。我错过了什么?如何添加一个? 最佳答案 您使用什么设备进行测试?我创建了一
我试图通过添加 outline: 4px solid green 来突出显示鼠标悬停时的元素,类似于 Chrome Inspector/Firebug使用 CSS。 使用 outline工作正常,因为
下面给出了我用来找出两张图片之间差异的代码。 #include "cv.h" #include "highgui.h" #include #include int main() { char a,b
我需要做与这个 Stack Overflow 问题几乎相同的事情:Renaming named destinations in PDF files但我的 PDF 充满了书签,而不是包含指定目的地的文本
我尝试应用新的 html5 元素。如果页面非常简单,只有一个 h1 和一个文本,我不确定从语义的角度来看最好的方法是什么,如何正确反射(reflect)页面的结构。 例如,如果文本是公司的理念(或关于
我最近在我的新计算机上安装了 Eclipse,这个安装在某种程度上过滤了类(class)成员。我认为它与 Outline 有某种关系,但我找不到任何与之相关的设置。 问题是,例如,当我在某个方法中有错
我有一个包含分割 View 的窗口。其中一个“分割”包含一个大纲 View 。我有一个窗口 Controller (它是窗口 XIB 的文件所有者)。窗口 Controller 是大纲 View 的委
今天简单说一下。 Eclipse 中的 Outline View 不再显示任何方法或字段。我选择了大纲 View 菜单中可用的几个选项来向我展示所有可能的内容,但仍然一无所获。 如果我在类编辑器中右键
如何在 cocos2d 中为基于 alpha 的纹理绘制轮廓?我有一个纹理,我想在 alpha 从 0 到非零交叉的任何地方画一条线,这样它就可以勾勒出所有东西。 最佳答案 我自己通过将图像复制到内存
所以我一直在尝试找出在被低级标题吸引后添加内容的最佳方式。 Title of Section Related 1 Related 2 I NEED THIS TO BE PAR
在新的Xcode 4 Documentation Organizer中,我找不到侧边栏大纲,该大纲可以让您浏览给定类的内容,例如类和实例方法,属性等。去哪了 最佳答案 您可以在任何文档中执行以下操作:
如何从 Java 或 JavaEE 的 Eclipse 大纲 View 中隐藏 @Deprecated 注释方法? 最佳答案 恕我直言,这是不可能的。您只能通过注释方法/字段来隐藏它们。如果您没有访问
我正在尝试在我的一个 android 应用程序中实现 TextView 大纲 here 我已经制作了自定义的 textView 类,没有任何错误。我正在尝试在我的 Activity 中使用它,但正如我
使用超时修复动画抖动,我正在尝试在 javascript 中切换大纲。动画完成后,我想重置轮廓以恢复正常... I thought inherit but not working :c. modalE
我正在尝试通过添加专用类在我的一些按钮上设置动画。我创建了一个动画,它在 Chrome 中有效,但在 Safari 中无效(我使用的是 SCSS,所以它会自动为我添加前缀)。 当我尝试其他属性(例如旋
遗憾的是,IE7 不支持 CSS 大纲,所以我只能使用边框。但是为页面上的任何元素添加边框会占用空间并可能移动页面。 如果我要添加一个 2px 的边框,然后我设置一个 -2px 的边距,它仍然不是完美
我一直想知道在我网站上的 Logo 周围使用标题标签的最佳做法是什么,尤其是使用 HTML5 分段标签时。 我在许多网站和论坛上了解到,如果我想在我的 Logo 周围添加标题,我应该执行以下操作:
我正在学习 flutter 。我使用抽屉小部件使用 UserAccountsDrawerHeader 小部件,但是在设置 Radius 时,下面出现了不必要的行。如何删除它? 这是我的代码 drawe
我是一名优秀的程序员,十分优秀!