前端知识点

 

一、HTML和XHTML的区别

所有标签都必须小写

 

在XHTML中,所有的标签都必须小写,不能大小写穿插其中,也不能全部都是大写。看一个例子。

 

错误:<Head></Head><Body></Body>

 

正确:<head></head><body></body>

 

标签必须成双成对

像是<p>...</p>、<a>...</a>、<div>...</div>标签等,当出现一个标签时,必须要有对应的结束标签,缺一不可,就像在任何程序语言中的括号一样。

错误:大家好<p>我是muki

正确:<p>大家好</p><p>我是muki</p>

 

标签顺序必须正确

标签由外到内,一层层包覆着,所以假设你先写div后写h1,结尾就要先写h1后写div。只要记住一个原则“先进后出”,先弹出的标签要后结尾。

错误:<div><h1>大家好</div></h1>

正确:<div><h1>大家好</h1></div>

 

所有属性都必须使用双引号

在XHTML 1.0中规定连单引号也不能使用,所以全程都得用双引号。

错误:<div style=font-size:11px>hello</div>

正确:<div style="font-size:11px">hello</div

 

不允许使用target="_blank"

从XHTML 1.1开始全面禁止target属性,如果想要有开新窗口的功能,就必须改写为rel="external",并搭配JavaScript实现此效果。

错误:<a href="http://blog.mukispace.com" target="_blank">MUKI space</a>

正确:<a href="http://blog.mukispace.com" rel="external">MUKI space</a>

二、严格模式和混杂模式

区别:严格模式是浏览器根据规范去显示页面;混杂模式是以一种向后兼容的方式去显示

意义:决定浏览器如何渲染网站(浏览器使用那种规范去解析网页)

触发:浏览器根据doctype是否存在和使用的是那种dtd来决定。

 

原文地址:https://www.cnblogs.com/summerTea/p/4170359.html