W3C标准归纳

W3C标准归纳

参考:https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards.html

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、把所有<和&特殊符号用编码表示

任何小于号(<),不是标签的一部分,都必须被编码为&lt
任何大于号(>),不是标签的一部分,都必须被编码为&gt
任何与号(&),不是实体的一部分的,都必须被编码为&amp

错误:
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&amp;doSearchForum=true&amp;main=1&amp;catcount=10&amp;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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值