发新帖

网站优化之规范HTML代码

1969 5
规范化的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 &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>




2. 严格型（Strict）

以下为引用的内容：
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;>




3. 框架型（set）

以下为引用的内容：
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 set//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-set.dtd&quot;>




<link rel=&quot;shortcut icon&quot; href=http://www.chinaz.com/web/2007/0531/"/favicon.ico" type="image/x-icon"/>[/td]
        [/tr]
   
[/table]


过渡型兼容表格、标识等，对于初学者来说，选择过渡型就可以啦！


设定一个名字空间


在DOCTYPE后面添加如下代码即可：

以下为引用的内容：
不精确的写法：<input &hellip;&hellip; checked/>
<html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;>


Xmlns是XHTML namespace的简写，叫做&ldquo;名字空间&rdquo;，平日我们的网页只有<html>，这里为什么会出现xmlns呢？名字空间就是给文档做一个标识，解释这个文档规范是属于谁的。明白了吗？不明白就Pass。


声明说话编码


简体中文网站可定义为：

以下为引用的内容：
< http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot;/>



以下为引用的内容：
< http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/>




<Head></Head>之间的其他设置


1. 收藏夹小搁笔


制造一个16*16的ico搁笔，定名为favicon.ico，放到网站根目次下，然后把下面的代码放到<Head></Head>之间即可。



以下为引用的内容：
<link rel=&quot;icon&quot; href=http://www.chinaz.com/web/2007/0531/"/favicon.ico" type="image/x-icon"/>
2. 作者与版权信息

以下为引用的内容：
如 &quot; <&quot; 用 &quot;<&quot;表示，&quot; >&quot; 用 &quot;>&quot;表示。


< name=&quot;author&quot; content=&quot;hxstream &quot;/>
3. 站点介绍

[table]
   
        
以下为引用的内容：
< name=&quot;deion&quot; content=&quot;引擎优化168为广大年夜企业供给引擎优化优化办事&quot; />




4. 站点关键词

以下为引用的内容：
< content=&quot;引擎优化,引擎优化&quot; name=&quot;keywords&quot;/>




封闭所有的标签


打开的标签必须封闭，例如<p>www.引擎优化168.com</p>，当然还有一种封闭方法，如：<br/>


属性值用&ldquo;&rdquo;括起来


例如：<img height= &quot;80 &quot;&hellip;&hellip;/>


                                                               
给所有的属性赋值


精确的写法为：<input &hellip;&hellip; checked= &quot;checked&quot;/>


所有的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=&quot;copyright&quot; content=&quot;www.引擎优化168.com,版权所有&quot;/>





以下为引用的内容：
<ul>
<li>www.引擎优化168.com</li>
<li>www.引擎优化168.com</li>
<li>www.引擎优化168.com</li>
</ul>




以上这些规范可以对您的网站进行初级改良，进步引擎对你的网站的评分。看了这个多罗罗嗦嗦的器械，脑筋是不是懵了，喝杯茶，Good Luck！


版权所有:http://www.引擎优化168.com 转载请注明,感谢！

精彩评论5

SEO服务   学习于  2016-6-16 10:49:57
楼主是优化界超人
SEO服务   学习于  2016-6-16 10:59:39
真心顶楼主可否给我的网站做优化
SEO外包   学习于  2016-6-16 11:10:28
难得一见的好帖教会我如何优化网站
网站SEO优化   学习于  2016-6-16 11:15:26
怎么优化网站说的非常好
SEO优化   学习于  2016-6-16 11:12:00
LZ真是SEO的人才
返回列表

帝国网络 网站优化

www.100ip.net

技术百度优化公司 提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化

Copyright © 2008-2018 网站优化 seojishu.100ip.net 版权所有 All Rights Reserved. 网站优化技术支持

技术SEO优化公司致力于SEO优化外包、网站建设、网站优化公司、整站优化、网站运营、危机公关、SEO外包、网站推广等;SEO服务电话:400 050 4004