于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，从如今開始。

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

自由HTML5串行来到《HTML5具体解释Web开发的例子》连载（三）DOCTYPE和字符集的更多相关文章

  1. activiti并行和串行区别

    多实例还有并行.串行区分.以下解释一下什么是并行与串行 并行代表同时进行,如把任务分给5个人来处理,这5个人同时会收到任务,并且可以同时处理,不受各自的影响. 串行代表工作或任务由一个人完成后,再由另 ...

  2. SPI、I2C、UART三种串行总线协议的区别

    第一个区别当然是名字: SPI(Serial Peripheral Interface:串行外设接口); I2C(INTER IC BUS) UART(Universal Asynchronous R ...

  3. SPI、I2C、UART三种串行总线协议的区别和SPI接口介绍（转）

    SPI.I2C.UART三种串行总线协议的区别 第一个区别当然是名字: SPI(Serial Peripheral Interface:串行外设接口); I2C(INTER IC BUS) UART( ...

  4. 感谢各位亲们的大力支持，免费的HTML5学习课程《HTML5网页开发实例具体解释》连载已经结束了！

    感谢各位亲们的大力支持,免费的HTML5学习课程<HTML5网页开发实例具体解释>连载已经结束了.  有兴趣的读者能够看我的博客,也能够看以下的链接逐个学习: 当里个当.免费的HTML5连 ...

  5. 学习HTML5必读之《HTML5设计原理》

    引子:很久前看过的一遍受益匪浅的文章,今天再次转过来,希望对学习HTML5的朋友有所帮助. 今天我想跟大家谈一谈HTML5的设计.主要分两个方面:一方面,当然了,就是HTML5.我可以站在这儿只讲HT ...

  6. 痞子衡嵌入式：揭秘i.MXRTxxx系列上串行NOR Flash双程序可交替启动设计

    大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是i.MXRT500/600上串行NOR Flash双程序可交替启动设计. 在上一篇文章 <i.MXRT1170上串行NOR Fla ...

  7. （九）串行口方式0 拓展并行输入端口 74LS165 芯片

    74LS165芯片讲解: 外接一个同步移位寄存器 74LS165芯片,拓展一个 8 位 并行输入端口的电路, 可将接在74LS165芯片的8个开关 S0——S7 的状态 通过 串行口方式 0 读到 单 ...

  8. 【Arduino】使用C#实现Arduino与电脑进行串行通讯

    在给Arduino编程的时候,因为没有调试工具,经常要通过使用串口通讯的方式调用Serial.print和Serial.println输出Arduino运行过程中的相关信息,然后在电脑上用Arduin ...

  9. HTML5 学习笔记--------》HTML5概要与新增标签！

      一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电. ...

随机推荐

  1. sublime_text 破解

    之前一直使用vi的,但是总觉的vi差了一点什么,不够现代化,老古董了.没办法,只是因为vi在linux下面是预装的,有些时候必须使用vi. 不过除了这种情况之外,vi的可配置性比较高,但是在使用了一段 ...

  2. Abot 爬虫

    Abot 爬虫分析-整体结构 1. 引言 在Github 上搜索下Web Crawler 有上千个开源的项目,但是C#的仅仅只有168 个,相比于Java 或者Python 确实少的可怜.如果按照St ...

  3. 《Getting Started with WebRTC》第一章 WebRTC介绍

    <Getting Started with WebRTC>第一章 WebRTC介绍 ​ 本章是对WebRTC做概念性的介绍. 阅读完本章后.你将对下面方面有一个清晰的理解:   .  什么 ...

  4. lucene4.4 索引的增删改查

    package com.lucene.test; import java.io.File; import java.io.FileReader; import java.io.IOException; ...

  5. ThinkPHP---RBAC

    一.什么是RBAC 基于角色的访问控制(Role-Based Access Control)作为传统访问控制(自主访问,强制访问)的有前景的代替受到广泛的关注. 在RBAC中,权限与角色相关联,用户通 ...

  6. 《算法导论》 — Chapter 7 高速排序

    序 高速排序(QuickSort)也是一种排序算法,对包括n个数组的输入数组.最坏情况执行时间为O(n^2). 尽管这个最坏情况执行时间比較差.可是高速排序一般是用于排序的最佳有用选择.这是由于其平均 ...

  7. linux它SQL声明简明教程---WHERE

    我们并不一定必须注意,每次格里面的信息是完全陷入了.在很多情况下,我们需要有选择性地捕捞数据.对于我们的样本.我们可以只抓住一个营业额超过 $1,000 轮廓. 做这个事情,我们就须要用到 WHERE ...

  8. TMS320F28335项目开发记录5_28335之CCS编程基础

    CCS开发环境已经为我们封装好了很多片内外设寄存器的结构体,我们仅仅须要包括对应的官方的头文件就能够使用了,那么它的内部详细是怎样实现的呢? 以下来一个典型的样例: 1.使用结构体和联合体 A.用st ...

  9. POJ 2756 Autumn is a Genius 大数加减法

    Description Jiajia and Wind have a very cute daughter called Autumn. She is so clever that she can d ...

  10. ios多线程操作（五）—— GCD串行队列与并发队列

          GCD的队列能够分为2大类型,分别为串行队列和并发队列      串行队列(Serial Dispatch Queue):      一次仅仅调度一个任务,队列中的任务一个接着一个地运行( ...