w3c标准与规范

什么是w3c标准?

w3c: 万维网协议,是一系列标准的集合,本质是结构标准语言
主要分3个方面:
1、结构化标准语言(HTML)
2、表现性标准语言 (CSS)
3、行为标准 (DOM、ESMAScript)

为什么要遵循W3C?

开发者作为浏览器生产商和用户的中间者,要尽可能的让我们的页面支持更多的浏览器,满足更多的用户需求

标准的内容有哪些?

1、!DOCTYPE文档类型
DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。告诉浏览器使用的HTML/XHTML是什么版本。

XHTML1.0提供了三个DTD声明供选择:
i) 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。

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

ii) 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>

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

iii) 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。

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

2、定义语言编码

charset常见的有utf-8 、 gb2312(简体中文) 、Unicode等
如未设置编码,可能会导致界面中文乱码

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

3、名字空间namespace

<html xmlns=http://www.w3.org/1999/xhtml lang=”gb2312”>

xmlns(XHTMLnamespace)"名字空间"的声明。
XHTML(可扩展性超文本标记语言)是HTML(超文本标记语言)向XML(可扩展标记语言)过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是”http://www.w3.org/1999/xhtml“
XML的namespaces功能使你可以增加自己的新标签而不需要特别的浏览器支持

4、JavaScript

js必须要用<script language=”javascript” type=”text/javascript”>来开头定义,而不是原来的<script language=javascript>或干脆直接<script>
并且需要加个注释<!-- -->,以保证在不支持js的浏览器上不会直接显示出代码来。

5、style
CSS必须要用<style type=”text/css”>开头来定义,而不是原来的直接<style>,也不建议写行内样式,也需要加个注释符<!-- -->

6、不要在注释内使用”–”
无效写法:<!--这里是注释-----------这里是注释-->
正确写法:<!--这里是注释============这里是注释-->

7、所有标签的元素和属性的名字都必须使用小写
与HTML不一样,XHTML对大小写是敏感的,大小写夹杂也是不被认可的。

8**、所有的属性必须用引号””括起来**
在HTML中,你可以不需要给属性加引号,但是在XHTML中,它们必须被加引号。

9、把所有的<和&符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为**&lt**;
任何大于号(>),不是标签的一部分,都必须被编码为 &gt;
任何与号(&),不是实体的一部分的,都必须被编码为 &amp;

10、给所有属性赋一个值
XHTML规定所有属性都必须有一个值,没有值的就重复本身

// 错误写法:
<td nowrap><input type="checkbox" name="shirt" value="medium" checked>
// 正确写法
<td nowrap="nowrap"><input type="checkbox" name="shirt" value="medium" checked="checked" />

11、所有的标记都必须要有一个相应的结束标记

XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个”/”来关闭它。
如: <br />

12、所有的标记都必须合理嵌套
错误写法:<p><b></p></b>
正确写法:<p><b></b></p>

13、图片添加有意义的alt属性

<img src="logo.gif" width="100" height="100" align="middle" boder="0" alt="logo图片" />

14、在form表单中增加label

html5 为什么不需要声明时引用 DTD 文档了?
声明必须位于 HTML5 文档中的第一行,也就是位于 标签之前。它告诉浏览器网页所使用的 Html 规范是什么。

因为 HTML4.01基于SGML,所以Html 4.01 中的DOCTYPE需要对DTD进行引用。而HTML5不基于SGML,是基于XHTML,因此不需要对 DTD 进行引用,但是需要 DOCTYPE来规范浏览器的行为。
需要注意的是DOCTYPE对大小写很敏感,请书写时注意大小写。

如何将现有的HTMl转换为XHTML

在W3C(www.w3c.org)网站上有一个开放原代码(open-source)的软件叫HTML Tidy,可以帮助你直接转换。

XHTML未来会怎样

新版本将没有向下兼容老浏览器的约束,可扩展性高,更规范,能够支持大多浏览器,有更多的发展空间

学习参考 点击跳转 原创地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值