规范化的Html代码对一个网站有诸多好处,比如:改版便利、代码轻易保护、代码量小、网站打开速度快、合适更多人群浏览等,这里就不一一列举。单大年夜网站优化的角度看,规范化的Html代码更有应用引擎排名。然则很多站长却没有熟悉到这一点,影响网站在引擎上的排名。
给网页添加 DOCTYPE
什么是DOCTYPE?DOCTYPE是Document Type的简写,明白什么是DOCTYPE了吧!DOCTYPE就是文档类型,用来解释你的HTML或XHTML是什么版本,浏览器会根据您DOCTYPE中定义的DTD(Document Type Definition)来解释页面代码,可想而知,缺点的DOCTYPE会出现什么结不雅。
XHTML1.0为我们供给了三种DOCTYPE:
1. 过渡型(Transitional)
以下为引用的内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
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"> |
<link rel="shortcut icon" href=http://www.chinaz.com/web/2007/0531/"/favicon.ico" type="image/x-icon"/>[/td]
[/tr]
[/table]
过渡型兼容表格、标识等,对于初学者来说,选择过渡型就可以啦!
设定一个名字空间
在DOCTYPE后面添加如下代码即可:
以下为引用的内容:
不精确的写法:<input …… checked/>
<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=http://www.chinaz.com/web/2007/0531/"/favicon.ico" type="image/x-icon"/>
2. 作者与版权信息
以下为引用的内容:
如 " <" 用 "<"表示," >" 用 ">"表示。
< name="author" content="hxstream "/>
3. 站点介绍
[table]
| 以下为引用的内容:
< name="deion" content="引擎优化168为广大年夜企业供给引擎优化优化办事" /> |
4. 站点关键词
以下为引用的内容:
< content="引擎优化,引擎优化" name="keywords"/> |
封闭所有的标签
打开的标签必须封闭,例如<p>www.引擎优化168.com</p>,当然还有一种封闭方法,如:<br/>
属性值用“”括起来
例如:<img height= "80 "……/>
给所有的属性赋值
精确的写法为:<input …… checked= "checked"/>
所有的XHTML元素及其属性名称用小写
XHTML是大年夜小写敏感的
缺点的写法为:<TITLE>www.引擎优化168.com</TITLE>
下面,我们就开端对我们的网站进行初级改良:
标准的写法为:<title>www.引擎优化168.com</title>
标签要合理嵌套
不精确的写法:<div><h1>www.引擎优化168.com</div></h1>
精确的写法为:<div><h1>www.引擎优化168.com</h1></div>
特别字符用编码标识
为图片增长alt属性
英文网站可定义为:
alt属性指定了当图片不克不及显示的时刻就镌示供调换文本。
如:<img src=http://www.chinaz.com/web/2007/0531/"/images/logo.gif" alt="引擎优化168为您办事"/>
用构造化的元素输出内容
例如:你想输入三行文本,可以用:
以下为引用的内容:
www.引擎优化168.com<br/>www.引擎优化168.com<br/>www.引擎优化168.com |
我建议用下面的方法代替膳绫擎的方法:
< name="copyright" content="www.引擎优化168.com,版权所有"/> |
以下为引用的内容:
<ul>
<li>www.引擎优化168.com</li>
<li>www.引擎优化168.com</li>
<li>www.引擎优化168.com</li>
</ul> |
以上这些规范可以对您的网站进行初级改良,进步引擎对你的网站的评分。看了这个多罗罗嗦嗦的器械,脑筋是不是懵了,喝杯茶,Good Luck!
版权所有:http://www.引擎优化168.com 转载请注明,感谢! |