手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

几个html标签的语意和应用以及SEO相关

首页 > Misc >

搜索引擎在分析内容的时候,并不完全是根据内容来的,也会根据html标签来进行判断,比如span,h1,em,当然有时候也会根据class,所以有语义的class名称还是占点优势的(class的名称,并未确认,只是猜测),比如class="title",对于搜索引擎来说很可能认为这是一个标题,但要是频繁出现,估计也会被认为是作弊了吧。

以下是一个人的文章,对于em,i,strong,b,h1~h6标签的介绍,因为我不是做前端的,所以以前没有关注过。但最近一直在做SEO,所以又关注了一点,因为h系列的权重好象也是属于比较高的。
全文开始。。。

到目前为止,我的人生只经历过一次面试,这次面试上面考官只问了一个问题,那就是<em>和<strong>标签是用来做 什么的,很杯具的是我当时连em表现成斜体都不知道,更别说什么语义化了,然后理所当然被刷了.

这一次就来仔细总结下这两个标签和H系列标签

1.em和strong,i和b.

还是贴一篇玉伯的文章吧,阐述很详细:http://lifesinger.org/blog/2008/12/the-different-of-em-and-strong/

首先,em和i在现在的浏览器上表现为斜体,strong和b表现为粗体,但是因为斜体的字体会导致锯齿,所以一般都不太用em.但是按照语义化来 说,应该适当使用em,样式可以用css来控制,而且不敢确保以后的浏览器会将em渲染成什么效果,这也是为什么不能依赖标签本身的表现来使用标签的原 因,说不定ie9突然觉得em渲染成灰色的粗体更好一点,然后改了渲染方式,应该用标签来表示结构,而不是样式.

在语意上,em表示对内容的强调,strong也表示强调,但是强调的程度更重一些.玉伯文章里也说了在html5里,em表示局部强 调,strong表示全局强调.我的理解就是,em表示你在看到这个网页的时候你不必注意em里的内容,而是在深入阅读的时候通过em的强调来理解内容的 含义,而strong则表示你一眼看去就知道了内容的重点,例如用在每篇文章的第一句话里.这也就是个局部和全局的概念吧.

玉伯文章里还提到:em 表示内容的着重点(stress emphasis),strong 表示内容的重要性(strong importance).这个理解起来其实也就是局部和全局的概念,可以自己去体会.

i和b标签前一阵传言即将被抛弃,不推荐使用,很多人用它来表示单纯的样式,当成一个非语义化的标签,但是在html5中他们被赋予了语意,b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如:文档概要中的关键字,评论中的产品名。或者代表强调的排版方式。i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本,例如:一个分类名称,一个技术术语,一个外语中的谚语,一个想法等。或者代表斜体的排版 方式.

有一点要注意,按照理论,应该更多地应用em标签来表示着重,因为按常理,要着重加着重强调的总是比着重一次的几率少很多,所以strong只应该 用在需要的地方,不能够乱用.

2.H1,H2…….H6标签.

H标签用来定义标题,同时暗示文档结构,虽然样式上H1-H6分别呈现不同的大小,但是不要随便使用H标签来表示字体大小,也不要在一个标题中出现 多个H标签,他们应该用来表示文档层次.

文档的第一层标题应该总是用H1来表示,虽然H1的字体非常大,但是可以用css控制样式,不要因为H1太大,于是选用H2作为第一层标题,这样会 让某些搜索引擎感到迷惑.而且最好不要跳跃使用,H1下一级标题就应该用H2,而不是其他更小的H.记住原则即可,不要用样式去选择标签.

文章来自:http://www.beiju123.cn/blog/?p=394

--EOF--
H1的重要是无庸置疑的。em在很多时候,我看到都被人用来标记列表中的时间。看来对于各种各样的应用、判断,都是有着自己的见解。
span好象就没有什么特别的语义了,所以,尽量不要用span来做为关键内容的包含。
label,嘛就更不要说了。fieldset,倒也可以尝试,但是在不同的浏览器下,fieldset的样式很难精确控制,所以在CSS水平不高的情况下,还是放弃吧。




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

Tags: h1, em, strong, span, seo

« 上一篇 | 下一篇 »

只显示10条记录相关文章

告垃圾评论者 (浏览: 22458, 评论: 6)
动态网址与静态网址 (浏览: 22256, 评论: 0)
HTTP_HOST与SERVER_NAME (浏览: 21622, 评论: 1)
SEO,是要实践的。 (浏览: 18777, 评论: 1)
百思家网站SEO短期效果 (浏览: 18455, 评论: 0)
SEO 工作记录 (浏览: 18443, 评论: 0)
wordpress的SEO (浏览: 18344, 评论: 0)
google教你SEO (浏览: 18257, 评论: 0)
关于SEO的一些常见知识 (浏览: 18087, 评论: 0)
SEO与网站架构 (浏览: 17529, 评论: 0)

发表评论

评论内容 (必填):