04HTML实体转义&块级元素和行内元素
4.1HTML实体转义
在HTML中，内容编辑时，如果是通过空格键编辑的多个空格，网页只会显示成一个，而小于号（<）和 大于号（>），网站则会认为是标签而无法直接显示在页面中。而这些都可以通过实体字符来解决
| 实体字符 | 编译后字符 |
|---|---|
< |
小于号(<) |
> |
大于号(>) |
& |
与号(&) |
|
空格 |
© |
版权(©) |
× |
乘号(×) |
÷ |
除号(÷) |
4.2块级元素和行内元素
- HTML（超文本标记语言）中元素大多数都是“块级”元素或行内元素
4.2.1块级元素
块级元素占据其父元素（容器）的整个水平空间，垂直空间等于其内容高度，因此创建了一个“块”
块级元素只能出现在
<body>元素内默认情况下，块级元素会新起一行
常见的块级元素：
<address> <article> <aside> <blockquote> <dd> <div> <dl> <fieldest> <figcaption> <footer> <form> <h1>~<h6> <header> <hgroup> <hr> <ol> <p> <pre> <section> <table> <ul>
4.2.2行内元素
- 一个行内元素只占据它对应标签的边框所包含的空间
- 默认情况下，行内元素不会以新行开始。
- 常见的行内元素：
<b> <big> <i> <small> <tt> <abbr> <acronym> <cite> <code> <dfn> <em> <kbd> <strong> <samp> <var> <a> <bdo> <br> <img> <map> <object> <q> <script> <span> <sub> <sup> <button> <input> <label> <select> <textarea>
4.2.3行内元素与块级元素对比
- 一般情况下，行内元素只能包含数据和其他行内元素。而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构
- 默认情况下，行内元素不会以新行开始，而块级元素会新起一行
4.3<div> 和<span>
4.3.1 <div>
- HTML
<div>元素是块级元素，它可用于组合其他 HTML 元素的容器。<div>没有特定的含义
4.3.2 <span>
- HTML
<span>元素是行内元素，它可作为文本的容器。<span>元素也没有特点的含义
