HTML5秘籍---第一章（HTML5简介）

最新推荐文章于 2021-07-05 10:18:21 发布

small-dragon

最新推荐文章于 2021-07-05 10:18:21 发布

阅读量617

点赞数 1

分类专栏： css原理

本文链接：https://blog.csdn.net/u010313768/article/details/48825979

版权

css原理专栏收录该内容

9 篇文章 0 订阅

订阅专栏

背景：制定HTML5的组织是由一群自由思想者制定出来的，他们允许使用10年前就被禁止的网页编写方式，以无障碍、向后兼容的方式去扩展它、鼓励Web开发者关注浏览器的支持情况，而非版本号

HTML5核心：新的语义元素、新的增强的Web表单微件(Widget)、音频和视频支持、通过JavaScript绘图的Canvas

1.HTML5文档类型：

<!DOCTYPE html>：事实上，这个声明仅仅表明当前页面是HTML页面。换句话说，只要有新功能添加HTML语言中，你在页面中就可以使用它们，而不必为此修改文档类型声明。那为什么要用此文档声明呢？如果没有文档类型声明，那大多数浏览器将转换到一种混杂模式(quirk mode，混杂模式会让IE的行为与包含非标准特性的IE5相同)，HTML5的文档类型声明是最短的有效文档类型声明，因此它总能触发标准模式。

字符编码：计算机根据它把文本转换成保存在文档中的字节序列（或者在打开文件时再将字节序列转换为文本形式)。UTF-8，编码简洁、转换速度快、而且支持任何你想要的非英文字符，字符编码一般放在<head>区块的最开始处

页面语言：指明网页中使用的自然语言是一种好习惯，搜索引擎可以通过它来筛选搜索结果，确保只向搜索者返回页面语言与他使用的语言相同的页面。为给内容指定语言，可以在任何元素上使用lang属性。中文为<html lang="zh-cn">

Web标志：如果你在花大量时间在Internet Explorer测试包含Javascript的页面，还应该在<head>区块中包含一行特殊的注释，叫做Web标志(mark of the Web);这行注释要放在指定字符编码的元数据标签后面:

<head>
  <meta charset="utf-8">
  <!-- saved from url=(0014)about:internet -->
  <title>A tiny HTML Document</title>
  <script src="scripts.js"></script>
</head>

这条注释告诉Internet Explorer将页面视为从远程网站上下载下来的。否则，IE会切换到一种特殊的锁定模式，弹出一条安全警告，在你点了“允许阻止的内容”按钮之后才会执行JavaScript代码。其他所有浏览器都会忽略这个“Web标志”注释，对远程站点和本地文件使用相同的安全设置。

良好的HTML5风格：包含可选的<html>、<body>、<head>元素；标签全部小写；为属性值加引号。HTML5验证器：The W3C Markup Validator

在你使用HTML5前的准备

①Can I use了解浏览器对HTML5、CSS3、JavaScript(JS API组是那些依赖JavaScript的功能，这些功能一开始属于HTML5，但后来被剥离出来了)（亲测好用）

②GlobalStats浏览器装机情况统计，了解每个地区每个国家每个时间段的每种浏览器使用情况（亲测好用）

③如果你还没有在自己的站点上使用网页跟踪服务，我推荐使用最好用且免费的Google Analytics: Google Analtics（要翻墙。。）

④通过Modernizr检测功能：检测支持通常需要检查某个可编程对象的属性，或者创建一个对象并以特定的方式使用它。

别人写好的轮子为Modernizr Modernizr Download,非常简单使用，放在页面的<head>区块，这JS会创建一个名叫Modernizr的新JavaScript对象，检查结果就保存在这个对象中。

⑤检测了浏览器是否支持之后，就可以使用一些polyfill（腻子脚本）来填补不支持HTML5某功能块的缺陷了