前端三件套之HTML（四）

实体字符

HTML实体字符是用于在HTML文档中表示特殊字符的编码方式。这些字符包括字母、数字、标点符号和一些特殊符号，如小于号(<)、大于号(>)和引号(")。

HTML实体字符有两种类型：实体名称和实体编号。实体名称是指一个字符的名称，例如“<”代表小于号，而实体编号是指一个字符的Unicode编码值，例如“<”代表小于号。

HTML实体字符是HTML文档中表示特殊字符的重要工具，它们可以帮助我们避免出现乱码和错误，并使HTML代码更易于阅读和维护。

显示结果	描述	实体名称	实体编号
<	小于号	&lt；	&#60；
>	大于号	&gt；	&#62；
&	和号	&amp；	&#38;
"	引号	&quot；	&#34；
'	撇号	&apos；（IE不支持）	&#39；
©	版权（ copyright ）	&copy；	&#169；
®	注册商标	&reg；	&#174；
¥	元（ yen ）	&yen；	&#165；
	空格	&nbsp；	&#160；

温馨提示

实体名称对大小写敏感！要注意区分大小写

块元素与行内元素（内联元素）

HTML5 出现之前，经常把元素按照块级元素和内联元素来区分。在HTML5中，元素不再按照这种⽅式来区分， 而是按照内容模型来区分，分为元数据型(metadata content) 、区块型 (sectioning content)、标题型 (heading content) 、文档流型 (flow content) 、语句型(phrasing content) 、内嵌型 (embedded content) 、交互型(interactive content)。元素不属于任何⼀个类别，被称为穿透的，元素可能属于不止⼀个类别，称为混合的

详细参考地址： https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_categories

虽然到了 HTML5 的版本，元素分类更细致了，但是这对初学者并不友好, 所以我们仍然按照块元素和内联元素做区分，这对我们的布局起到了至关重要的作用

内联元素和块级元素的区别

块级元素	内联元素
块元素会在页面中独占一行（自上向下垂直排 列）	行内元素不会独占页面中的一行，只占自身的大小
可以设置 width ， height 属性	行内元素设置 width ， height 属性无效
⼀般块级元素可以包含行内元素和其他块级元 素	⼀般内联元素包含内联元素不包含块级元素

常见块级元素

div 、 form 、 h1~h6 、 hr 、 p 、 table 、 ul 、等

常见内联元素

a 、 b 、 em 、 i 、 span 、 strong 等

行内块级元素（特点：不换行、能够识别宽高）

button 、 img 、 input 等