HTML

• 搜索引擎使用标题为您的网页的结构和内容编制索引
• 块级元素自动添加空行
• 当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格
• 不要再使用已经标记为废弃的html样式，优先使用CSS
• head中叫内部样式表，单独外部文件叫外部样式表，直接在元素中引用style成为内联样式表
• 命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚
• <meta>元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务
• 在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）
• URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符
• 以下 HTML 4.01 元素已从 HTML5 中删除：
  <acronym>
  <applet>
  <basefont>
  <big>
  <center>
  <dir>
  <font>
  <frame>
  <frameset>
  <noframes>
  <strike>
  <tt>
• HTML5 的一些最有趣的新特性：

新的语义元素，比如 <header>, <footer>, <article>, and <section>。
新的表单控件，比如数字、日期、时间、日历和滑块。
强大的图像支持（借由 <canvas> 和 <svg>）
强大的多媒体支持（借由 <video> 和 <audio>）
强大的新 API，比如用本地存储取代 cookie。

• HTML5语义元素，比div和span相比体现出了元素的相关意义，利于开发人员维护前端代码

  
  image.png
• 良好的HTML5风格：http://www.w3school.com.cn/html/html5_syntax.asp
• canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成
• SVG 是一种使用 XML 描述 2D 图形的语言
• Canvas 通过 JavaScript 来绘制 2D 图形