html基础(1)---空元素

一个空元素（empty element）是指不可能存在子节点（例如内嵌的元素或者元素内的文本）的元素。

在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <input type="text"></input> 的闭标签是无效的 HTML。

下面对一些常见元素进行空元素判断：

1.a元素不是空元素，需要加入信息来提供链接。a用法如下：

<a href="https://www.baidu.com">百度</a>

2.strong元素不是空元素，用来强调。strong用法如下：

<p>you are <strong>stupid</strong></p> 

3. img是空元素，在属性里填写img的引用地址，而且只有开始没有结束。img用法如下：

<img src="/img/main.png" alt="主要图片">

4. input是空元素，在type里标注input的格式。input用法如下：

<input type="text">

5. button不是空元素，它的内容就是button上的内容。button用法如下：

<button>按钮</button>

6. meta是空元素，出现在head元素中，可以规定作者，编码格式等信息。meta用法如下：

<meta charset="UTF-8">

7. link是空元素，一般用来引用css文件。link用法如下：

<link rel="stylesheet" href="css/main.css">

8. hr是空元素，表示段落级元素之间的主题转换，一般为一条横线。hr用法如下：

<p>para a</p>
<hr>
<p>para b</p>

9. br是空元素，表示换行。br用法如下：

<p>abc<br>de</p>

10. col与colgroup，可以说col是空元素但colgroup不是空元素，但它们通常一起出现。用来说明table列等属性。col用法如下：

    <table>
        <colgroup>
          <col class="column1">
          <col class="columns2plus3" span="2">
        </colgroup>
        <tr>
          <th>Lime</th>
          <th>Lemon</th>
          <th>Orange</th>
        </tr>
        <tr>
          <td>Green</td>
          <td>Yellow</td>
          <td>Orange</td>
        </tr>
      </table>