zoukankan      html  css  js  c++  java
  • 说说html 的<!DOCTYPE>声明&标准模式与兼容模式

    我们都知道<!DOCTYPE>声明位于文档的最前面,处于<html>标签之前。

    <!DOCTYPE>声明不是html标签,它的作用:告知web浏览界面应该使用哪个html版本

    例如:

    <!DOCTYPE html>  则是告诉浏览器应使用html5。

    建议:总是给html文件加上<!DOCTYPE>声明,确保浏览器能预先知道文档类型。

    在html 4.0.1中,<!DOCTYPE>声明需引用DTD(文档类型说明),因为html 4.0.1是基于SGML(Standard Generalized Markup Language,标准通用标记语言)。DTD指定了标记语言的规则,确保了浏览器能正确的渲染内容。

    而html5不是基于SGML,不用引入DTD

    下面是具体的html版本需要的<!DOCTYPE>声明:

    html5:(!tab或者html:5)

    <!DOCTYPE html>
    

    html 4.0.1有 strict,transitional,frameset三种格式:

    html 4.0.1 strict:(html:4s tab)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    

    html 4.0.1 transitional:(html:4t tab) 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    

    html 4.0.1 frameset:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    

    XHTML 1.0 Strict:(html:xs tab)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    

    XHTML 1.0 Transitional:(html:xt tab)

    <!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" xml:lang="en">
    

    XHTML 1.0 Frameset

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    

    XHTML 1.1:(html:xxs)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    

          ps:以上括号中,均为sublime text3下的快捷键生成!

    更多关于sublime text3快捷键操作点击此处!

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

    当doctype申明缺失或者格式不正确时,文档会以兼容模式呈现。

    标准模式:排版以及js运行模式都是以浏览器支持的最高标准运行;

    兼容模式:页面以宽松的向后兼容方式显示,模拟老浏览器的行为防止站点无法正常工作。

     

      

  • 相关阅读:
    mysql数据库-完整性约束
    mysql数据库-常用数据类型2
    mysql数据库--常用数据类型
    mysql数据库--表的操作
    Django学习【第18篇】:Django之缓存
    Django学习【第17篇】:Django之信号
    Django学习【第16篇】:Django之Form组件自定义验证规则
    Django学习【第15篇】:Django之Form组件归类
    Django学习【第14篇】:Django之Form组件补充
    Django学习【第13篇】:Django之Form组件
  • 原文地址:https://www.cnblogs.com/why-not-try/p/7845873.html
Copyright © 2011-2022 走看看