W3C标准归纳
参考:https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards.html
W3C标准归纳
1、抛弃font标签
以后我们将抛弃font标签,新的页面中不应该再出现如,已经存在的老的页面也应该在修改时尽量替代,替代方法:<span class=”red_tex”></span>
。
2、标准XHTML头信息格式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<meta charset="utf-8" />
<title>W3Cschool - 学技术查资料,从w3cschool开始!</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="w3cschool,w3cschool在线教程,技术文档,编程入门教程,W3Cschool,W3C,HTML,HTML5,CSS,Javascript,jQuery,Bootstrap,PHP,Java,Sql" />
<meta name="description" content="w3cschool是一个专业的编程入门学习及技术文档查询网站,提供包括HTML,CSS,Javascript,jQuery,C,PHP,Java,Python,Sql,Mysql等编程语言和开源技术的在线教程及使用手册,是类国外W3Cschool的W3C学习社区及菜鸟编程平台。" />
</head>
DOCTYPE声明由三种格式:
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,你不能使用任何表现层的标识和属性,例如
完整代码如下:
<!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">
注:DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。
3、Javascript定义
<script language="javascript" type="text/javascript"> </script>
4、CSS定义
<style type="text/css" media="screen"> </style>
5、不要在注释内容中使用“–”
这是无效的:
<!--这里是注释-----------这里是注释-->
6、所有标签的元素和属性的名字都必须使用小写
与HTML不一样,XHTML对大小写是敏感的,<title>
和<TITLE>
是不同的标签。
7、所有的属性必须用引号""括起来
<height=80>
修改为:<height="80">
8、把所有<和&特殊符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为<
任何大于号(>),不是标签的一部分,都必须被编码为>
任何与号(&),不是实体的一部分的,都必须被编码为&
错误:
http://club.china.alibaba.com/forum/thread/search_forum.html?action=SearchForum&doSearchForum=true&main=1&catcount=10&keywords=mp3
正确:
http://club.china.alibaba.com/forum/thread/search_forum.html?action=SearchForum&doSearchForum=true&main=1&catcount=10&keywords=mp3
9、给所有属性赋一个值
<td nowrap><input type="checkbox" name="shirt" value="medium" checked>必须修改为:
<td nowrap="nowrap"><input type="checkbox" name="shirt" value="medium" checked="checked" />
10、所有的标记都必须要有一个相应的结束标记
<br />
<img height="80" alt="网页" title=”网页” src="logo.gif" width="200" />
11、所有的标记都必须合理嵌套
<p><b></p></b>必须修改为:<p><b></b></p>
12、图片添加有意义的alt属性
<img src="logo.gif" width="100" height="100" align="middle" boder="0" alt="w3cschool" />
13、在form表单中增加lable,以增加用户友好度
<form action="http://somesite.com/prog/adduser" method="post">
<label for="firstname">first name: </label>
<input type="text" id="firstname" />
<label for="lastname">last name: </label>
<input type="text" id="lastname" />
</form>