以下四段代码，在xhtml中只有第一段是精确的；而在html5中，所有的都是精确的
XML/HTML Code
<img src=\"大众foo\"大众 alt=\"大众bar\"大众 />
<p class=\"大众foo\"大众>Hello world</p>
<img src=\"大众foo\公众 alt=\"大众bar\公众>
<p class=\"大众foo\公众>Hello world
<IMG SRC=\公众foo\公众 ALT=\"大众bar\公众>
<P CLASS=\"大众foo\"大众>Hello world</P>
<img src=foo alt=bar>
<p class=foo>Hello world</p>
原则二：平稳退化
浏览器在碰着不识别的type值时，会将type的值阐明为text
input type=\公众number\公众
input type=\公众search\"大众
input type=\"大众range\"大众
input type=\"大众email\公众
input type=\公众date\公众
input type=\"大众url\公众
原则三：
精确的标签嵌套我们在写HTML时总是须要标签的层级嵌套来帮我们完成HTML的书写，但这些HTML的嵌套是有一定的规则的，如果要细说的话，我们可能要用几个章节来描述，那么我本日这里要说的是，我们在写HTML时不应该犯以下这样的超级缺点：
上图的构造我们是常见的，比如说首页的标题，那么我们就该当把稳了，不能把“<h1>”放在“<a>”标签中，换句话说，便是不能么块元素和在行内元素中。上面只是一个例子，只是希望大家在平时的制作中不应该犯这样的超级缺点。
原则四：. 在利用javascript改变页面元互的显示效果时，只管即便用className属性变动。该当只管即便避免用element.style.color = \公众#ff0000\"大众之类的语句，尤其是在一次变动多次属性的时候。这样做有两个情由：方便掩护和节约客户端资源。利用className改更的时候，页面只须要重新渲染一次，而且style属性变动时，每次都要重新渲染，这比开销是很大的。
原则五：
利用更好的命名这里所说的命名便是给你的页面中干系元素定义类名或者是ID名，很多同学都有这栗的习气，比如说有一个元素字体是赤色的，给他加上“red”,乃至布局都写“left-sidebar”等，但是你有没有想过，如果这个元素定义了“red”后，过几天客户哀求利用“蓝色”呢？或者又说，那时的“left-sidebar”边栏此时不想放在左边了，而是想放在右边，那么这样一来我们前面的命名可以说是一点意义都没有了，正如下面的一个图所示：
那么定义一个好的名就很得要了，不但自己能看懂你的代码，而且别人也能轻松读懂你的代码，比如说一个好的类名和ID名“mainNav”、“subNav”、“footer”等，他能描述所包含的事情。不好的呢，比如前面所说的。
原则六：
：避免不必要的繁芜性
html4
<!DOCTYPE html PUBLIC \"大众-//W3C/DTD HTML 4.01//EN\"大众 \公众http://www.w3.org/TR/html4/strict.dtd\公众>
html5
<!DOCTYPE html>
html4
<meta http-equiv=\公众Content-Type\"大众 content=\公众text/html; charset=utf-8\公众>
html5
<meta charset=\公众utf-8\"大众>
