家具网站建设,W3C标准

发布于：2013-08-12　浏览：2799

一、W3C标准

<1>W3C与SEO

1、什么是W3C

W3C（World Wide Web Consirtium ）	ISO （International Standard Organized ）
万维网联盟	国际标准化组织

W3C中国：http://www.chinaw3c.org/

2、W3C的作用

1、代码规范，利于网站后期维护修改

2、便签使用得当，利于用户体验

3、网页变小，速度变快，利于搜索引擎抓取

工具：http://validator.w3c.org/unicorn/

3、DOCTYPE的声明

1、声明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DOCTYPE：document type（文档类型）的简写，用来说明你用的XHTML或者HTML是什么版本。DOCTYPE声明是必不可少的关键组成部分。

DTD：文档类型定义，里面包含了文档的规则。

2、三种声明类型

XHTML1.0提供了三种DTD声明可供选择：

a）过渡的（Transitional）:要求非常宽松的DTD，它允许你继续使用HTML4.01的标识（但要符合xhtml的写法）。完整代码如下：

b）严格的（Strict）:要求严格的DTD。完整代码如下：

c）框架的（Frameset）:专门针对框架页面设计使用的DTD，如果你的页面包含有框架，需要采用这种DTD。完整代码如下：

注：DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。

<2>html分析

a）、head部分

0、<html xmlns=http://www.w3.org/1999/xhtml>

1、<head>

2、<meta http-equiv=”Content-Type” content=”text/html;charset=gb2312”>

分析：告诉服务器，，文档类型是html，编码格式是简体中文，gb2312=gbk，国际通用编码：utf-8

3、<title>网页标题</title>

4、<meta name=”keywords” content=”关键词1,关键词2,关键词3,关键词4”>

5、<meta name=”description” content=”网站描述”>

6、<link href=”style/css.css” type=”text/css” rel=”stylesheet”>

分析：是告诉浏览器你link进来的是个样式表文件

7、</head>

b）、body部分

8、<body>

9、<h1>页面相关性标题</h1>

10、<h2>页面相关性标题</h2>

11、<h3>标题系列</h3>

12、<h4>标题系列</h4>

13、<h5>标题系列</h5>

14、<h6>标题系列</h6>

15、<img src=”xxx.jpg” alt=”图片说明”>

16、<a href=”/”title=”链接说明”target=”_blank”>连接词</a>

17、<strong>重点关键词强调</strong><b>重点关键词强调</b>

18、</body>

19、</html>

<3>标准案例

1、标识必须关闭

所有标识必须成对或者关闭

错误	正确
<li>	<li></li>
<div><b></div>	<div><b></b></div>
<br><hr>	<br/><hr/>
<img src=”” alt=”文字”>	<img src=”” alt=”文字”/>
<link rel=”stylesheel” type=”text/css” Href=”style.css”>	<link rel=”stylesheel” type=”text/css” Href=”style.css”/>

2、标识小写和顺序

所有标识元素名称都是用小写

错误	正确
<HTML><TITLE>	<html><title>
<HEAD><BODY>	<head><body>
<IMG SRC=”BG.GIF”BORDER=”0” ALT=”说明文字”>	<img src=”bg.gif” border=”0” alt=”说明文字”/>

所有标签都必须合理嵌套

错误	<b><i>文字</b></i>	<table><tr><form><td></td></form></tr></table>
正确	<b><i>文字</i></b>	<form><table><tr><td></td></tr></table></form>

3、JS和CSS

JS写法

错误	正确
<script language=”javascript”>< /script>	<script type=”text/javascript”> < /script>
	<script language=”javascript” type= ”text/javascript”> < /script>
	<script type=”text/ javascript” src= “script.js”> < /script>

CSS定义写法

错误

.space_10 {padding-left:10}

正确

.space_10 {padding-left:10px}

</style>

4、引号和赋值

决不可以省略双引号或者单引号

错误	style=font-size:9pt	<img src=bg.gif width=140 height=30 alt=text />
正确	style=”font-size:9pt”	<img src=”bg.gif” width=”140” height=”30” alt=”text” />

所有属性必须有值

错误

正确

<input type=”radio” value=”v1”

checked=”checked” />

</td>

5、图片标识加上alt=”图片说明”

错误	<img src=”bg.gif” height=”50” border=”0” />
正确	<img src=”bg.gif” height=”50” border=”0” alt=”说明文字” />

案例：

二、网站架构

<1>、三层架构

<2>、结构层

1、html（HyperTextMark-upLanguage）超文本标记语言

是用于描述网页文档的一种标记语言

2、XML（The Extensible Markup Language）可扩展标识语言

XML最初设计的目的是弥补HTML的不足，后台逐渐用于网络数据的转换和描述。

3、XHTML（The Extensible HyperText Markup Language）可扩展超文本标识语言

XML虽然数据转换能力强大，完全你可以替代HTML，但是面对成千上万已有的站点，直接采用XML还为时过早。

因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。

简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

4、html5

HTML5是用于取代HTML4.01和XHTML1.0标准的HTML标准版本，现在仍处于发展阶段，将于2014年完成。

<3>、表现层

CSS是Cascading Style Sheet层叠样式表的缩写

W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式HTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

<4>、行为层

1、DOM是Document Object Model文档对象模型的缩写。

DOM是一种与浏览器、平台、语言的接口，使得你可以访问页面其他的标准组建，包括数据、脚本和表现层对象。

2、ECMAScript

ECMAScript是ECMA（European Computer Manufacturers Association）制定的标准脚本语（JAVAScript）

三、标准案例

案例1：http://www.seozac.com/

问题：

图片没有alt属性

a链接无title说明

案例2：http://www.rongdafood.com/Company.asp

问题：

标签大写

没有声明

标签顺序错误