语义化 H1 标签


Posted in Javascript onJanuary 14, 2008

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

<h1><img src=”http://www.****.com/xxxx.jpg”></h1> 
3water.com
其实通过一点小的调整则可以将两者兼顾。  
再来看看这段。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>  
Javascript 相关文章推荐
JavaScript 设计模式之组合模式解析
Apr 09 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
Sep 14 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
Apr 08 Javascript
js实现遮罩层划出效果是生成div而不是显示
Jul 29 Javascript
jQuery中:visible选择器用法实例
Dec 30 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
详解Vue.js搭建路由报错 router.map is not a function
Jun 27 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
Aug 16 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
js实现简单的轮播图效果
Dec 13 Javascript
javascript flash下fromCharCode和charCodeAt方法使用说明
Jan 12 #Javascript
[原创]用javascript实现检测指定目录是否存在的方法
Jan 12 #Javascript
解读IE和firefox下JScript和HREF的执行顺序
Jan 12 #Javascript
img的onload的另类用法
Jan 10 #Javascript
javascript 点击整页变灰的效果(可做退出效果)。
Jan 09 #Javascript
js常见表单应用技巧
Jan 09 #Javascript
浏览器无法运行JAVA脚本的解决方法
Jan 09 #Javascript
You might like
PHP与已存在的Java应用程序集成
2006/10/09 PHP
PHP date函数常用时间处理方法
2015/05/11 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
php上传功能集后缀名判断和随机命名(强力推荐)
2015/09/10 PHP
PHP+Ajax+JS实现多图上传
2016/05/07 PHP
php简单实现文件或图片强制下载的方法
2016/12/06 PHP
微信公众号OAuth2.0网页授权问题浅析
2017/01/21 PHP
php生出随机字符串
2017/07/06 PHP
js 弹出框 替代浏览器的弹出框
2010/10/29 Javascript
js跨域问题浅析及解决方法优缺点对比
2014/11/08 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
RequireJs的使用详解
2017/02/19 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
React中使用collections时key的重要性详解
2017/08/07 Javascript
node中koa中间件机制详解
2017/08/22 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
2018/11/23 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
[01:02]DOTA2上海特锦赛SHOWOPEN
2016/03/25 DOTA
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python基于jieba库进行简单分词及词云功能实现方法
2018/06/16 Python
python SQLAlchemy 中的Engine详解
2019/07/04 Python
简单瞅瞅Python vars()内置函数的实现
2019/09/27 Python
python队列原理及实现方法示例
2019/11/27 Python
Python 窗体(tkinter)下拉列表框(Combobox)实例
2020/03/04 Python
新西兰演唱会和体育门票网站:Ticketmaster新西兰
2017/10/07 全球购物
硕士研究生自我鉴定范文
2013/12/27 职场文书
竞选班长演讲稿
2013/12/30 职场文书
毕业证丢失证明
2014/01/15 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
广告语设计及教案
2014/03/21 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书