doctype的作用是什么?标准模式与兼容模式各有什么区别?

DOCTYPE的作用

<!DOCTYPE>声明位于HTML文档第一行告知浏览器的解释器用什么文档标准解析这个文档,DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现

<!-- HTML格式 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
...
</html>


<!-- HTML5格式 -->
<!DOCTYPE html>
<html lang="en">
...
</html>

标准模式与兼容模式的区别

  1. 标准模式的排版和js运作模式都是以该浏览器支持的最高标准运行。在兼容模式中页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作
  2. 标准模式的宽度计算方式与兼容模式不同,在标准模式中给行内元素设置width和height无效,在兼容模式中有效
  3. 标准模式当父元素没高度,子元素百分比无效,而兼容模式有效

results for ""

    No results matching ""