HTML秘籍

第二章 构造网页的新方式
语义元素
<article> 包含一个完整的，自成一体的内容块
即类似新闻报道，论坛帖子或博客文章（不包括评论或作者简介）等能够独立的内容区块；
<aside>表示独立于周围内容的一个完整的内容块，例如：可以用<aside>创建一个附注栏，其中包含与主文章相关的内容或链接；
<figure>表示一幅插图，其中内容包括图片<img>和<figcaption>图片说明（链接，小图标等）
<footer>表示页面的页脚，通常是很小的一块内容，包括小字号的版权声明，简单的链接；
<header>表示页面的页头，包含HTML标题和其他的内容；
<hgroup>分组两个或多个标题元素，不包含其他内容，主要是把主标题和副标题联系到一起；
<nav>表示页面的一组链接，其中的链接可以是指向当前页面的主题，也可以是指向网站的其他页面；
<section>表示文档中的一个区块，或者一组文档，其中的内容必须开始于一个标题；
<time>标注日期和时间；
<mark>标注突显文本；
style="display:none;"隐藏内容
<fieldset>表单分割，包括<legend>块描述</legend>；
<label>控件名称</lebel>;控件；
<label for="age"><em>*</em>Age</label>
<input id="age" type="text"><br/>
文本框预先带有提示的文本使用placeholder属性，一般写建议的格式，不写中文描述；
文本框填写的起点：autofocus属性（无属性值）；
使文本框获取焦点时改变其样式-focus伪类；
在<form>元素中添加novalidate属性来关闭验证；
例如：让文本框的背景变成深色，以便更加显眼；
input:focus{
background:#eaeaea;
}