一、 一些标签问题
1. 可以出现在head元素内的元素
base 、title、meta、link、script、noscript（如果用户浏览器不支持script，则会显示noscript中的内容）
2. 用meta声明当前页面的charset
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
3. 可替换元素
img、input、video（都是自带宽高）
4. 在另一个新窗口打开链接
<a href="url" target="_blank">
5. contenteditable
<div contenteditable="true">hello</ div>
内容是否可编辑，页面中的内容可被选中改写
6. canvas元素的作用
用来画图
7. input实现滑动的属性值
<input type="range" />
二、 W3C简介
- 万维网联盟（英语：World Wide Web Consortium，缩写W3C），又称W3C理事会，是万维网的主要国际标准组织。为半自治非政府组织（quasi-autonomous non-governmental organisation）。
- 万维网联盟（W3C）由蒂姆·伯纳斯-李于1994年10月离开欧洲核子研究中心（CERN）后成立，在欧盟执委会和国防高等研究计划署（DARPA）的支持下成立于麻省理工学院MIT计算机科学与人工智能实验室（MIT／LCS），DARPA推出了ARPANET，是互联网前身之一。
三、 空标签与可替换标签
1. 空标签
标签里面不能有内容
- 没有闭合标签的标签被称作为空标签。
- 在我们使用的标签中，有的具有闭合标签。例如<td>标签，它有闭合标签</td>。但是也有一部分标签没有闭合标签，例如<br />标签，这一类标签我们称之为空标签。
2. 可替换标签
指标签会被替代，例如img标签会被下载的图片替代
- 在CSS中，可替换元素的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。
- 典型的可替换元素有<img>、<object>、<video>和表单元素。
- 某些元素只在一些特殊情况下表现为可替换元素，例如<audio>和<canvas>。通过CSS的content属性来插入的对象被称为匿名可替换对象。
- 注意，一部分（并非全部）可替换元素，本身具有尺寸和基线，会被像vertical-align之类的一些CSS属性用到。
四、常用的HTML标签
常用HTML标签部分作者：邹沁龙 链接
iframe
用途很少。它也是一个可替换标签。
作用：嵌套页面
所有属性：iframe
常用属性：
- src：要打开的路径。
- name：可以通过设置
iframe里面a标签的target属性，然后设置一样的name属性值，就可以在iframe中访问a标签里面的链接。
-iframeborder：设置iframe的边框，一般需要写iframeborder="0"。
a
跳转页面（HTTP GET 请求）。
所有属性：a
常用属性：
- href：跳转链接。
内容可以为：- 无协议链接：直接写//就是无协议的绝对路径，浏览器会根据当前协议，补全无协议链接的协议。应该尽量不使用 file:// 协议预览网页，以免无协议链接出错。
- javascript 伪协议：伪协议可以实现「点击之后没有任何动作的 a 标签」，满足一些奇葩需求。
- 空（""）：点击之后页面会刷新。
- 查询字符串：如"?name=xxx"。
-
#：页面锚点变成#，页面滚动到顶部。不发起请求，别的都会发起请求。
- target：该属性指定在何处显示链接的资源。 取值为标签（tab），窗口（window），或框架（iframe）等浏览上下文的名称或其他关键词。
以下关键字具有特殊的意义:- _self: 当前页面加载。此值是默认的，如果没有指定属性的话。
- _blank: 新窗口打开。
- _parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self。
- _top: IHTML4中：加载的响应成完整的，原来的窗口，取消所有其它frame。 HTML5中：加载响应进入顶层浏览上下文（即，浏览上下文，它是当前的一个的祖先，并且没有parent）。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self。
- download：此属性指示浏览器下载URL而不是导航到URL，因此将提示用户将其保存为本地文件。（如果不想用此方法设置下载，也可以设置http响应的content-type:application/octet-stream）
form（表单）
跳转页面（HTTP POST 请求）。file协议不能post。也可以发送GET请求，一般发POST。
如果form里面没有提交按钮，就无法提交form。
所有属性：form
常用属性
- action：一个处理这个form信息的程序所在的URL。
- method：指定请求动词。只可以GET和POST，一般用POST。用GET时表单数据会附加在 action 属性的URI中，并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器。数据会暴露在URI里面。而POST表单数据会包含在表单体内然后发送给服务器，也就是请求的第四部分。
- target：跟a标签的一样。
<form action="users" method="post">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="提交">
</form>
如上面代码所示，此时如果输入用户名zql，密码123。
则post请求中的第二部分的Content-Type：application/x-www-form-urlencoded
根据这个类型，会把输入内容显示在第四部分。username=zql&password=123用&符号连接。如果输入的是中文，浏览器会把中文变成Unicode的UTF-8编码，两个字符一对，用%隔开。比如输入用户名你好，密码密码，第四部分会变为username=%E4%BD%A0%E5%A5%BD&password=%E5%AF%86%E7%A0%81。其中【你】的编码就为 E4 BD A0。
input
是一个空标签。
所有属性：input
常见属性：
- type：
- button：按钮。
- checkbox： 复选框。必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。小技巧：用label标签把input包起来，可以关联文字。
- radio：单选框。必须使用 value 属性定义此控件被提交时的值。使用checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中，所有单选按钮的
name 属性使用同一个值； 一个单选按钮组中是，同一时间只有一个单选按钮可以被选择。
在form中input的几种特殊情况
- 如果一个form里面只有一个按钮（<button>标签），它就会自动升级为提交（submit）按钮。
- input标签的type必须为submit，才能够提交，如果为button就是一个普通的按钮。
- 如果给button标签的type属性也设置为button，那么也只是一个普通的按钮。
select
创建选项菜单
所有属性：select
textarea
多行纯文本编辑控件。
所有属性：textarea
table
表示表格数据
所有属性：table
需要注意的一些点：
- table的标签顺序是没有关系的，浏览器会按照头、身、脚的顺序来排列。
- 如果不写tbody，浏览器会自动把内容放在tbody中。会按照写的顺序来展示。
- 可以在style标签中用
border-collapse:collapse来把表格自带的边框合并起来 - 用HTML+CSS控制表格样式
<colgroup>
<col width=100>
<col width=200 bgcolor=red>
<col width=100>
<col width=70>
</colgroup>
可控制每列宽度和颜色，写在<body>里。
