可能会有理解错误之处,还请纠正~~
一、声明DOCTYPE
doctype用来说明XHTML或HTML的版本
二、名字空间namespace
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
用于XHTML(XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是"http://www.w3.org/1999/xhtml")
三、定义语言编码,如:
<meta charset="UTF-8">
四、JavaScript定义
<script language="javascript" type="text/javascript">
还要在<script>中添加HTML或XHTML注释以防浏览器不支持js而打印出代码
HTML中(参考JavaScript高程2.1.5):
<script><!--
//js代码
//-->
</script>
XHTML中:
<script><![CDATA[
//js代码
//]]>
</script>
五、CSS定义
<style type=“text/css”>
css中的数量也要加上单位(除特定的)
六、不要在注释里面使用“--”,而是用“==”替换
这里主要是针对XHTML,如果在注释里面加入“--”,会报错。如以下代码
<style type="text/css">
div {
width: 200px;
height: 200px;
background: grey;
}
</style>
<div>
<!-- 13--213 -->
</div>
在HTML中,正常显示
而在XHTML中,会报出error
七、所有标签元素和属性都使用小写
这主要是针对XHTML的。同上一次的样式,对下面代码:
<DIV>hello</DIV>
<div>world</div>
在HTML中,而且看开发者工具(HTML会自动把大写的转为小写)
在XHTML中,没有认出<DIV>出来
八、所有属性的值必须使用引号“”括起来
<button id=bt>123</button>
对于XHTML会报错,对于HTML会自动补上双引号。
九、用编码表示特殊符号
- " --------------------"
- & -------------------&
- < -------------------<
- > ------------------->
- 不断开空格------
十、给所有的写上的属性都赋值
XHTML规定设置了的属性要赋值,没有值就写上本身
<input type="checkbox" name="shirt" value="medium" checked="checked" />
十一、所有标签都需要关闭
双标签元素要加上结束标签;单标签元素要自闭
十二、所有标签要合理嵌套
标签的嵌套要匹配,如<a><b><c></a></b></c>,要对称
十三、图片要添加有意义的alt属性,链接要添加有意义的title属性
十四、form表单中加上label,增加用户友好度