繁體中文当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > 网站优化之规范HTML代码
- 网站优化
- 站长小参考：网站备案操作流程
- 韩国网站之网站颜色组合搭配
- 国际网页Web设计流程
- 直袭Web2.0 雅虎新主页功能体验
- 网页浏览速度提高切实可行的七个方法
- 网站设计的思考网页版面布局的原理
- 电脑报参与发起 Comsenz启动大型网络社区调查
- 古有伯乐金睛识千里马 今有网友慧眼荐网站
- 网络社区调查本月启动 多位专家参与问卷研讨
- 揭示论坛发展之路 第二届互联网社区调查即将开始
- 不上你的网站的50个原因
- 首页所应该达到的几个目标
- 网站投资你和我的20个自身检查
- Alexa 工具条下载
- 做网站后台的流程
- 轻轻松松做站长系列视频教程
- alexa 攻略技术大全
- 破坏用户体验 网站十种做法讨人厌
- 谈用户体验，别落下商业利益
- 网站最令人抓狂的几个用户体验
网站优化之规范HTML代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-17 浏览: 78 ::
收藏到网摘: n/a
规范化的Html代码对一个网站有诸多好处，比如：改版方便、代码容易维护、代码量小、网站打开速度快、适合更多人群阅读等，这里就不一一列举。单从网站优化的角度看，规范化的Html代码更有利用搜索引擎排名。但是很多站长却没有认识到这一点，影响网站在搜索引擎上的排名。
下面，我们就开始对我们的网站进行初级改善：
给网页添加 DOCTYPE
什么是DOCTYPE？DOCTYPE是Document Type的简写，明白什么是DOCTYPE了吧！DOCTYPE就是文档类型，用来说明你的HTML或XHTML是什么版本，浏览器会根据您DOCTYPE中定义的DTD（Document Type Definition）来解释页面代码，可想而知，错误的DOCTYPE会出现什么结果。
XHTML1.0为我们提供了三种DOCTYPE：
1. 过渡型（Transitional）
2. 严格型（Strict）
| 以下为引用的内容： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
3. 框架型（set）
| 以下为引用的内容： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 set//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-set.dtd"> |
过渡型兼容表格、标识等，对于初学者来说，选择过渡型就可以啦！
设定一个名字空间
在DOCTYPE后面添加如下代码即可：
| 以下为引用的内容： <html xmlns="http://www.w3.org/1999/xhtml"> |
Xmlns是XHTML namespace的简写，叫做“名字空间”，通常我们的网页只有<html>，这里为什么会出现xmlns呢？名字空间就是给文档做一个标识，说明这个文档规范是属于谁的。明白了吗？不明白就Pass。
声明语言编码
简体中文网站可定义为：
| 以下为引用的内容： < http-equiv="Content-Type" content="text/html; charset=gb2312"/> |
英文网站可定义为：
| 以下为引用的内容： < http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
<Head></Head>之间的其他设置
1. 收藏夹小图标
制作一个16*16的ico图标，命名为favicon.ico，放到网站根目录下，然后把下面的代码放到<Head></Head>之间即可。
| 以下为引用的内容： <link rel="icon" href="/favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> |
2. 作者与版权信息
| 以下为引用的内容： < name="author" content="hxstream "/> < name="copyright" content="www.seo168.com,版权所有"/> |
3. 站点介绍
| 以下为引用的内容： < name="deion" content="seo168为广大企业提供seo优化服务" /> |
4. 站点关键词
| 以下为引用的内容： < content="搜索引擎优化,seo" name="keywords"/> |
关闭所有的标签
打开的标签必须关闭，例如<p>www.seo168.com</p>，当然还有一种关闭方式，如：<br/>
属性值用“”括起来
例如：<img height= "80 "……/>
给所有的属性赋值
不正确的写法：<input …… checked/>
正确的写法为：<input …… checked= "checked"/>
所有的XHTML元素及其属性名称用小写
XHTML是大小写敏感的
错误的写法为：<TITLE>www.seo168.com</TITLE>
标准的写法为：<title>www.seo168.com</title>
标签要合理嵌套
不正确的写法：<div><h1>www.seo168.com</div></h1>
正确的写法为：<div><h1>www.seo168.com</h1></div>
特殊字符用编码标识
如 " <" 用 "<"表示，" >" 用 ">"表示。
为图片增加alt属性
alt属性指定了当图片不能显示的时候就显示供替换文本。
如：<img src="/upload/tech/20091017/20091017085553_25b2822c2f5a3230abfadd476e8b04c9.gif" alt="seo168为您服务"/>
用结构化的元素输出内容
例如：你想输入三行文本，可以用：
| 以下为引用的内容： www.seo168.com<br/>www.seo168.com<br/>www.seo168.com |
我建议用下面的方式代替上面的方式：
| 以下为引用的内容： <ul> <li>www.seo168.com</li> <li>www.seo168.com</li> <li>www.seo168.com</li> </ul> |
以上这些规范可以对您的网站进行初级改善，提高搜索引擎对你的网站的评分。看了这个多罗罗嗦嗦的东西，头脑是不是懵了，喝杯茶，Good Luck！
版权所有:http://www.seo168.com 转载请注明,谢谢！
评论 (0) All
