疯狂HTML5讲义

第1章 HTML5简介

  1. 使用autofocus自动获取焦点
<body>
    <input type="text" autofocus name=price/>
</body>
  1. 为页面布局提供更明确的语义元素
<header>...</header>
<nav>...</nav>
<article>
    <section>
    </section>
</article>
<footer>...</footer>
  1. 支持语义的强调元素
<time>2012-12-12</time>
<mark>重点标记文本</mark>
  1. DTD的全称是Document Type Defination，即文档类型定义。HTML5是“妥协式”的规范，照顾了大量不规范的HTML页面，并不需要严格意义上的DTD。
  2. HTML5对元素大小写不再严格区分，开发者可以随意使用大小写字符来定义HTML元素。对于一份基本的HTML5文档，总有如下结构：
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<!-- 可继续插入其它meta、样式表等信息 -->
</head>
<body>
    页面内容
</body>
</html>
  1. HTML5支持两种方式来指定页面的字符集：
使用 Content-Type 指定页面所用的字符集，如
<meta  http-equiv="Content-Type" content="text/html; charset=gb2312" />
或者，直接使用 charset 指定页面所用的字符集，如
<meta charset="gb2312">
  1. 不要在和之间插入任何内容，也不要在和之间，或者和之间插入任何内容。
  2. HTML5的标签不再区分大小写，即使开始标签和结束标签分别使用不同的大小写也符合HTML5规范。
  3. W3C提供了一个在线验证页面 http://validator.w3.org 来验证一份HTML页面是否符合规范。
  4. HTML5允许部分HTML元素生态略结束标签，甚至允许HTML元素同时省略开始标签和结束标签。HTML5中的省略标签可以分为如下3种：
    （1）空元素语法的元素

area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、wbr

（2）可以省略结束标签的元素

colgroup、dt、dd、li、optgroup、option、p、rt、rp、thread、tbody、tfoot、tr、td、t

（3）可以省略全部标签的元素

html、head、body、tbody

  1. HTML5允许部分“标志性”的属性可以省略属性值

checked、readonly、disabled、selected、defer、ismap、nohref、noshade、nowrap、multiple、noresize

  1. HTML5允许属性值不使用引号
<img src=a.gif alt=test>

第2章 HTML5的常用元素与属性

  1. HTML5推荐使用CSS样式单来控制HTML文档样式；
  2. HTML5新增的拖放API可以让HTML页面的任意元素都变成可拖动的；
  3. h1到h6定义标题一到标题六；
  4. 几乎所有的HTML元素