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> 类似打字机或者等宽的文本效果