前端面经（1）--HTML

DOCUTYPE文档

        DOCTYPE是document type (文档类型)的缩写。是HTML5中一种标准通用标记语言的文档类型声明，告诉浏览器文档的类型，便于解析文档。不同的渲染模式会影响浏览器对CSS代码甚至JavaScript脚本的解析。它必须声明在HTML文档的第一行。

语义化标签

title :页面主体内容
header :页眉通常包括网站标志、主导航、全站链接以及搜索框。nav :标记导航，仅对文档中重要的链接群使用。
section :定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。main：帮助到搜索引擎以及搜索工程师找到网站的主要内容，本身并不承载特殊的功能和意义。

article:定义外部的内容，其中的内容独立于文档的其余部分。
aside :定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。footer:页脚，只有当父级是body时，才是整个页面的页脚。
address:作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接)。

meta标签

（1）页面描述信息(NAME):常用的选项有Keywords(关键字)，description(网站内容描述),author(作者),robots(机器人向导)等。
（2）HTTP标题信息(HTTP-EQUIN):可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh(刷新)，Set-Cookie(cookie设定)，Window-target(显示窗口的设定),content-Type(显示字符集的设定)等。

（3） content项:根据name项或http-equiv项的定义来决定此项填写什么样的字符串。

HTML元素的分类

行内元素

行内元素不会另起一行，他的宽度只和内容有关，不能设置宽高

<a >
<strong>

<b>
<em>

<del>

<span>

<img>

<input>

<select>

块级元素

总是在新行上开始，占据一整行

高度，行高以及外边距和内边距都可控制;宽带始终是与浏览器宽度一样，与内容无关。它可以容纳内联元素和其他块元素。

<h1>~<h6>

<p>
<div>

<ul>

<ol>

<li>

<div>

<dl>

行内元素和块元素可以通过display转换

display:block;

display:inline;

display:inline-block(定义元素为一行)

HTML5新特性

新的选择器document.querySelector、document.querySelectorAll

媒体播放的video和audio标签

本地存储localStorage和sessionStorage

浏览器通知Notifications
语义化标签，例如header，nav，footer，section，article 等标签

地理位置Geolocation
拖拽API

多任务处理webwork

canvas+SVG