语义化 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 相关文章推荐
基于jquery的跨域调用文件
Nov 19 Javascript
Angularjs 基础入门
Dec 26 Javascript
推荐4个原生javascript常用的函数
Jan 12 Javascript
分享10个原生JavaScript技巧
Apr 20 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
Aug 17 Javascript
vue 计时器组件的实现代码
Sep 14 Javascript
基于JavaScript实现表格滚动分页
Nov 22 Javascript
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 Javascript
微信小程序如何实现五星评价功能
Oct 15 Javascript
vue+Element-ui前端实现分页效果
Nov 15 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
smtp邮件发送一例
2006/10/09 PHP
Yii快速入门经典教程
2015/12/28 PHP
扩展javascript的Date方法实现代码(prototype)
2010/11/20 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
jquery右下角自动弹出可关闭的广告层
2015/05/08 Javascript
JavaScript jquery及AJAX小结
2016/01/24 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
2016/09/26 Javascript
微信小程序 Record API详解及实例代码
2016/09/30 Javascript
使用Fullpage插件快速开发整屏翻页的页面
2017/09/13 Javascript
浅谈Vuex的状态管理(全家桶)
2017/11/04 Javascript
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
原生JS实现天气预报
2020/06/16 Javascript
python实现的重启关机程序实例
2014/08/21 Python
Python随机生成彩票号码的方法
2015/03/05 Python
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
Python3实现定时任务的四种方式
2019/06/03 Python
解决Python命令行下退格,删除,方向键乱码(亲测有效)
2020/01/16 Python
浅谈Python协程
2020/06/17 Python
基于Python的自媒体小助手---登录页面的实现代码
2020/06/29 Python
python怎么判断素数
2020/07/01 Python
Python使用正则表达式实现爬虫数据抽取
2020/08/17 Python
柏林通行证:Berlin Pass
2018/04/11 全球购物
环境工程大学生自荐信
2013/10/21 职场文书
化学教师自荐信范文
2013/12/28 职场文书
小学生感恩父母演讲稿
2014/08/28 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
出国留学自荐信模板
2015/03/06 职场文书
2016年国庆节宣传标语
2015/11/25 职场文书
2019通用版劳动合同范本!
2019/07/11 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书