语义化 H1 标签

2016-02-19 08:57 10 1 收藏

下面是个语义化 H1 标签教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H1也就对搜索引擎失去了作用。

h1img src=”http://www.****.com/xxxx.jpg”/h1 
jb51.net
其实通过一点小的调整则可以将两者兼顾。  
再来看看这段。H1的代码对搜索引擎依然可读,我们只是利用text-indent:-9999px;将“邀请好友加入”的文字远远的扔到左边去了。  
代码如下:

style  
.test{}   
.test h1{margin:0; padding:0; text-indent:-9999px; width:522px; height:45px; background:url(header.gif) no-repeat;}  
.testbox{background:url(bg.gif);  
width:522px;  
height:323px;  
}  
/style  
p class="test"  
h1脚本之家/h1  

来源:http://www.tulaoshi.com/n/20160219/1588978.html

延伸阅读
标签: Web开发
前两天参加了公司组织的一个WD培训,有一节课讲了标签语义化,听了之后感觉特别有用,更正了我以前对 HTML 和 CSS 的错误看法。 首先说明的一点是, 人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。 以前我真的没有怎么重视过搜索引擎,现在开始比较在意了,因为页面的很大一部分流...
标签: Web开发
b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用,甚至是反对使用的,因为认为他们只是“表现”粗体和斜体,而没有任何“语义”。更多的用 strong 和 em 标签代替。 而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的: 从规范中可以注意到:b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 ...
标签: Web开发
我们在文章中一直强调HTML标签语义的重要,富含语义而且科学得当的运用HTML标签,对CSS网页布局既建立符合WEB标准的网站是非常有意义、非常有益处的。 或许有朋友感到迷惑,到底如何运用HTML标签才是保持文档语义并有良好的结构呢?我们看下面的这方面知识的介绍,相信你一定有所收获。但也请你注意,有些标签可能不符合WEB标准了,这...
标签: Web开发
其实想重提下那个话题,一直都在忙这忙那的没时间。好不容易到一个周末了,原定安排是去D2的但是因为时间安排不过来,所以能抽空写写。早前的讨论不了了之,其实这一点都不是Twinsen的风格。 名字,你看名字多重要,我不太清楚。我写书的话我的书被人改变名称去误导别人我是不喜欢的。这是我一直说的作为一个技术人员应当遵守的准则互联网...
标签: Web开发
HTML标签的语义 如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到)。 HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法...

经验教程

670

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部