前端三件套之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等