自由HTML5串行来到《HTML5具体解释Web开发的例子》连载(三)DOCTYPE和字符集

于2.1.2通过新老科DOCTYPE控制,读者可以清晰地看到HTML 5精简旧体制的努力取得。

DOCTYPE主要用于在开始的情况下,XML于,用作叙述性说明XML同意使用的元素、物业和安排。起初HTML绘制XML于DOCTYPE用法。并赋予了新的用途。触发浏览器的标准模式。假使在制作一张页面时。没有设定DOCTYPE,则浏览器会以怪异模式状态进行处理(即Quirks模式),该模式与标准模式在盒模型、样式、布局等都存在较大差异。因此,DOCTYPE在制作页面时是不可或缺的部分。

在上一版本号HTML 4标准中。DOCTYPE被分为3种模式:

  • 严格模式,即严格遵循W3C标准的模式,代码格式例如以下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

  • 过渡模式,包括了W3C标准的内容,同一时候还能够使用不被W3C推荐的标签,如font、b等,并且不能够使用框架元素(即frameset元素),代码格式例如以下:

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

  • 框架模式。能够使用框架元素,其它与过渡模式同样,代码格式例如以下:

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


    提示:旧有的HTML关于DOCTYPE标准,读者能够參看W3C官方文档说明,网页地址:http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#h-7.2。尽管之前版本号的HTML对DOCTYPE做了重重规定,但真实情况却是浏览器会尽最大的可能渲染相应的页面。即使可能出现了一些不符合模式的做法,唯一会出现的是浏览器会在控制台中显示一些错误警告。这样的做法就是常说的浏览器容错性,实则是对市场和用户的妥协。

    故事发展到HTML 5,W3C将DOCTYPE剔除原有鸡肋的声明方式。简化为例如以下格式:

<!DOCTYPE html>

   对于绝大多数开发人员来说,仅仅须要使用这一种方式就足以满足日常的开发使用,但假设要考虑到日后的兼容和扩展等一系列问题,还须要了解W3C在新制定DOCTYPE的一些新规定。主要分为3类:

  • 普通模式。即<!DOCTYPE html>
  • 弃用模式,听起来不知所云,事实上指的就是对过往模式的兼容模式。只是HTML5弃用了之前的过渡模式和框架模式,终于留下了6种书写格式,代码例如以下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML4.0//EN">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML4.01//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

  • 遗留兼容模式。对于过往无法考证规则的一种兼容方式,语法格式例如以下:

<!doctype HTML system"about:legacy-compat">

    通过对浏览器DOCTYPE的理解,读者能够熟悉浏览器模式的触发方式,只是就通常开发而言。仅仅须要使用<!DOCTYPEhtml>这一种普通模式。

提示:HTML 5最新3种模式能够查看链接http://dev.w3.org/html5/markup/syntax.html#doctype-syntax

        所谓的字符是对各种文字和符号的总称,涵盖了各国文字、标点符号、图形符号和数字等。字符集是对多个字符的集合,经常使用的字符集有:ASCII、GB2312、Unicode、ISO等。科学家为了让计算机准确地处理各种字符集,须要对字符进行编码,以便计算机可以识别和存储各种文字。

        在HTML 5出现之前。浏览器会依据3种方式确认页面的编码格式,按优先级排列例如以下:

  • 获取HTTP请求头中的Content-Type字符相应的值。
  • 使用meta标签声明。语法格式例如以下:

<meta http-equiv="Content-Type"content="text/html; charset=utf-8">

  • 外链资源使用charset属性声明编码格式。如script标签中使用语法格式例如以下:

<script type="text/javascript"src="myscripts.js" charset="UTF-8"></script>

HTML 5出现后。对字符集的使用做了大量的简化,能够使用下面语法进行字符集声明:

<meta charset="utf-8">

对于日常使用站点开发而言。结合HTML 5的字符集使用,笔者给出例如以下建议:

  •  最优先使用HTTP请求头指定编码。
  •  统一全站字符集编码。HTML 5推荐UTF-8字符集。

  • 使用meta标签确认字符集编码。尽可能放在html标签的第一个子元素位置。
  • 第三方引用的脚本,在不确认字符编码时。加上charset属性设置编码格式。

学习HTML5最好的书就是《HTML5网页开发实例具体解释》。用代码学习用案例学习,可比看文字有趣多了!!

!一本书搞定HTML5,从如今開始。


版权声明:本文博主原创文章。博客,未经同意不得转载。

原文地址:https://www.cnblogs.com/zfyouxi/p/4915226.html