HTML

• Textarea 自动换行实现

textarea 添加 cols 和 wrap 属性，其中 wrap 设置成 hard，表示上传到服务器的内容会自动添加换行符，外层使用 div 联动，优化 textarea 的显示效果

• 赋予非表单标签内容可以编辑

使用<div>或者<p>、<span>等非表单标签，通过赋予其contentEditable='true'属性，是其获得内容可以编辑的功能，从而使标签高度随着文本内容高度自动撑开。

• html空标签

没有闭合的标签称为空标签，如：<base>,<br>,<hr>,<img>,<input>,<meta>

• 块级元素、行内元素区别，在HTML里各对应哪些标签

块级元素(block)特性：
1、独占一行
2、宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
address , div , dl , form , h1～h6 , hr , menu , ol , p , pre , table , ul , li

内联元素(inline)特性：
1、和相邻的内联元素在同一行;
2、宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或图片的大小;
a , b , big , br , em , font , i , img , input , label , select , small , span , strong ,textarea

• 每个HTML文件里开头都有Doctype, 它有什么作用？

<!DOCTYPE> 声明 是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

HTML5

十大新特性（一）

• 语义标签
  header、footer、nav、section、article、aside、datalist、summary、dialog
• 增强型表单
  color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week
• 视频和音频（audio、video）
• Canvas绘图
• SVG绘图
• 地理定位

window.navigator.geolocation {
    getCurrentPosition:  fn  用于获取当前的位置数据
    watchPosition: fn  监视用户位置的改变
    clearWatch: fn  清除定位监视
}

• 拖放API
• Web Worker，Web Storage，WebSocket

十大新特性（二）

• 语意特性,添加<header><header/><nav><nav>等标签
• 多媒体， 用于媒介回放的 video 和 audio 元素
• 图像效果，用于绘画的 canvas 元素，svg元素等
• 离线 & 存储,对本地离线存储的更好的支持,local Store,Cookies等
• 设备兼容特性 ，HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，
• 连接特性，更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能
• 性能与集成特性，HTML5会通过XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作
• 新增标签
  1、多媒体：
  <audio></audio>, <video><video>,<source></source>, <embed></embed>, <track></track>
  2、新表单元素：
  <datalist> ,<output> , <keygen>
  3、新文档节段和纲要:
  <header> 页面头部、<section> 章节、<aside> 边栏、<article> 文档内容、<footer> 页面底部、<section> 章节、<aside> 边栏、<article> 文档内容、<footer> 页面底部
• 移除标签
  <acronym> 首字母缩略词、<applet> Java的程序、<basefont> 基本字形、<big>、<center>、<dir> 目录列表、<font>、<frame>、<frameset>、<noframes>、<strike> 定义加删除线文本定义、<tt> 类似打字机或者等宽的文本效果