html难记知识点-3

display：none指的是元素完全不陈列出来，不占据空间，涉及到了DOM结构，故产生回流reflow与重绘repaint

visibility：hidden指的是元素不可见但存在，保留空间，不影响结构，故只产生重绘repaint，但不可触发绑定事件

opacity=0：指的是元素不可见但存在，保留空间，不影响结构，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的

<track> 标签为媒体元素（比如 <audio> and <video>）规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。

<p> 元素的父元素不能是 <a> 元素

 <button> 是行内块元素，可以嵌套行内元素。但是，不推荐嵌套 <a> 元素。   在比较多的 UI 库中，都是 <a> 元素嵌套 <button> 元素的。

<dl>、<dt>、<dd> 、<h>这些 标题标签 不推荐嵌套块级元素

在 HTML 中有以下这些空元素：

• <area>
• <base>
• <br>
• <col>
• <colgroup> 
• <command>
• <embed>
• <hr>
• <img>
• <input>
• <keygen>
• <link>
• <meta>
• <param>
• <source>
• <track>

• <wbr>

列表标签

    有序列表
        ol li 块级元素
    无序列表
        ul li

表格

    外边距 cellspacing=0，边框合并
            border-collapase
    内边距 cellpadding
    thead 表头 th 
    tr>th
    tbody表体
    tr>td 
    tfoot表脚
    tr>td
    caption align 表格标题

    水平对齐 table tr td caption align
    垂直对齐 tr td valign
细线表格
    table bgcolor=‘black’ cellspacing=‘1’
    tr bgcolor=‘white’
合并单元格
    colspan 跨列合并
    rowspan 跨行合并

表单

name 提交给服务器的键 value 提交给服务器的值
    收集用户信息
    form action 提交到服务器地址
    输入框 
    type=‘text’/password/radio（name必须一致）

    复选框 checkbox
    普通按钮button
    图像按钮image
    提交按钮submit
    重置按钮reset
    隐藏域 hidden
    多行输入框 textarea

h5新增表单

    email 邮箱
    url 域名
    date 日期
    color 颜色
    number 数字
    tel 电话 
    dateTime-local 时间日期
    progress进度条
    range 滑块