HTML 知识补充

• <iframe> 默认 border 很难看，一般都会加一个 frameborder = 0 。
• <noscript> 浏览器不支持 JavaScript 时显示的内容
• 可替换元素：自带宽高的元素，如 img
• contentable：文本可编辑
• <iframe> 和 <a> 一起用 ：

<ifame name="xxx">
<a href="http:/qq.com" tartge="xxx">

• target 的四个值：
  • _blank：打开新页面
  • _self：自身跳转
  • _parent：父页面跳转
  • _top：顶级页面跳转
• <a href="http://qq.com" download>：下载该页面
• href 的三种协议模式：
  • href="http://qq.com" ：使用 http 协议（指明协议）
  • href="//qq.com" ：使用与当前页面相同的协议
  • href="qq.com"：使用 file 协议（不建议使用）
• <a> 链接与 <from> 变单的请求区别:

• <a href="javascript: alert(1);">：伪协议，伪协议可以实现用户点击 <a> 时执行一段 javascript 代码，如 <a href="javascript: void(0);"> 可以在点击按钮时使界面停留在原处。
• <a>无 href 属性会类似于 <span>
• <from> 中没有提交按钮时，则在 HTML 无法提交（可以在 JS 中提交）
• <form> 中 <input> 和 <button> 的区别：
  • <input> 没有内容
  • <button> 中可以有 <span> 等子元素，在 <from> 中无提交按钮时， 且只有一个没指定 type 类型的 <button> 时，会默认设置 <button type="submit">
• <label><input type="text" name="who">你是谁</label>：老司机写法
• <textarea style="resize:none;">：去掉多行文本框的大小可拖放
• <select multiple>：下拉菜单支持多选
• <colgroup> 和 <col>：用来定义表格列的分组

<colgroup>
    <col span="3" width="300px" background-color="red">  //设置第一列
    <col span="3" width="300px" background-color="red">  //设置第二列
</colgroup>

• <table> 表格的行列合并：
  • <td colspan="2">：单元格横排合并列数
  • <td roespan="2">：单元格竖排合并列数