字符集：
<meta charset="UTF-8">
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
gb2312 简单中文 包括6763个汉字
BIG5 繁体中文 港澳台等用
GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
UTF-8则包含全世界所有国家需要用到的字符
单标签：br hr img input base(可以设置整体链接的打开方式)
<head><base target="_blank">如果想某一链接以_self打开，在它自己标签里标注即可，优先级大/head>
水平线标签<hr /> 换行标签<br /> /表示标签结束
div span 是没有语义的 网页布局主要的2个盒子
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
锚点定位:通过创建锚点链接，用户能够快速定位到目标内容。<a href="#id名">名称</a>
如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。
一张图片，鼠标放上去，提示文本信息<imgsrc="" title="要放的文本信息">
相对路径：所需打开的文件同一文件夹：只需文件的名称即可
所需打开的文件在下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，
所需打开的文件在上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”
绝对路径：“D:\web\img\logo.gif”（一般不用，一换电脑就不可以用），或完整的网络地址。如“http://www.itcast.cn/images/logo.gif”。
定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下：
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
input的type是类型，可以是text,password,radio等
用户名： 密 码： 加一个空格就让其对齐了
单选框，通过相同的name值来实现，用户只可以选中一个。 默认被选中checked="checked" 复选框checkbox和单选框用法一样
<input type="radio" name="sex" checked="checked"/>男 <input type="radio" name="sex"/>女
图像按钮<type="image" src="...">
文件按钮<type="file">可以选择本地文件
label标签
可以绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。
如：<lable> 直接放在lable标签里，点击这句话就可跳到后面的输入框 <input type="text"> </lable>
for 属性规定 label 与哪个表单元素绑定。类似于锚点。
<label for="male">Male</label>
<input id="male" type="radio" name="sex">
textarea(文本域)，如果需要输入大量的信息，创建多行文本输入框
<textarea cols="每行中的字符数" rows="显示的行数">
文本内容
</textarea>
下拉菜单
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
...
</select>
在option 中定义selected =" selected "时，当前项即为默认选中项。
form表单中的name用于指定表单的名称，以区分同一个页面中的多个表单。
HTML5新标签与特性
可以去网站详细查询http://www.w3school.com.cn/
常用新标签
header：定义文档的页眉
nav：定义导航链接的部分
footer：定义文档或节的页脚
article：标签规定独立的自包含内容
section：定义文档中的节（section、区段）
aside：定义其所处内容之外的内容
datalist 选项列表
<input type="text" list="star"/> <!-- input里面用 list -->
<datalist id="star"> <!-- datalist 里面用 id 来实现和 input 链接 -->
<option>刘德华</option>
<option>刘若英</option>
</datalist>
fieldset 标签将表单内容的一部分打包，生成一组相关表单的字段。
<fieldset>
<legend>用户登录</legend>
用户名: <input type="text"><br /><br />
密 码: <input type="password">
</fieldset>
常用新属性（用户获得更好的体验）：
<input type="text" placeholder="请输入用户名"> | 用户输入的时候里面的文字消失
<input type="text" autofocus> | 当页面加载时input元素自动获得焦点
<input type="file" multiple> | 多文件上传
<input type="text" autocomplete="off"> | 规定表单是否应该启用记录功能，off是关闭，on是打开，直接写autocomplete默认是on,必须有提交按钮，并且必须给表单名字 name=""|
<input type="text" required> | 必填项,为空时是红色边框，部分浏览器可能不兼容
<input type="text" accesskey="s"> | 使元素获得焦点快捷键，alt+s
新增的type属性值：
<input type="email"> | 必须有@
<input type="tel"> | 在移动端里是弹出数字键盘
<input type="number"> | 在移动端里是弹出数字键盘，只能输入数字
<input type="search"> | 搜索框，后面有个x可以删除输入的内容
<input type="range"> | 可以左右拖动
<input type="time"> | 可以点击选择小时分钟
<input type="date"> | 可以点击选择年月日 (出生日期或者入学时间等等)
<input type="month"> | 可以点击选择年月
多媒体标签
引入网上视频embed
原HTML：iframe：比如说去哔哩哔哩上，点击分享会有<iframe>标签里的东西，直接复制过来即可。
新HTML5:embed：比如去优酷上，点击分享，有复制HTML代码，</embed>标签里的复制过来即可。
audio：播放音频
<audio src="sound.mp3" autoplay controls loop="-1"/></audio>
autoplay 自动播放，默认是阻止的
controls 增加一个可以暂停的控件
loop="n" 循环播放n次，n=-1是无限循环。
width 设置播放窗口宽度
height 设置播放窗口的高度
由于版权等原因，不同的浏览器可支持播放的格式mp3,ogg,wav等是不一样的，多浏览器支持的方案：
<audio controls autoplay>
<source src="bgsound.mp3" />
<source src="music.ogg" />
您的浏览器不支持播放声音
</audio>
多媒体 video
支持三种视频格式ogg,mp4,webM
由于版权等原因，不同的浏览器可支持播放的格式是不一样的，多浏览器支持的方案:
<video controls autoplay>
<source src="mp4.mp4"/>
<source src="movie04.ogg"/>
您的浏览器不支持视频播放
</video>
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
