范仁义html+css课程---11、html补充知识

范仁义html+css课程---11、html补充知识

一、总结

一句话总结：

小于号（<）：&lt;

大于号（>）：&gt;

空格：&nbsp;

二、html 字符实体

博客对应视频课程位置：11、html补充知识
https://fanrenyi.com/video/2/17

1、小于号（<）和大于号（>）

在 HTML 中，某些字符是预留的。

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）

小于号（<）（less than）：&lt;

大于号（>）（greater than）：&gt;

2、不间断空格(Non-breaking Space)

HTML 中的常用字符实体是不间断空格(&nbsp;)。

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用 &nbsp; 字符实体。

空格：&nbsp;

不间断空格最重要的作用就是换行时不被打断：
比如：Mr *****, 你肯定不希望看到换行时被打断的Mr
*****. 
又或者速度12 m/s, 如果变成这样：12 
m/s.
所以空格不仅仅就是空格，:))

3、HTML字符实体

虽然 html 不区分大小写，但实体字符对大小写敏感。

显示结果	描述	实体名称	实体编号
	空格	 	 
<	小于号	&lt;	&#60;
>	大于号	&gt;	&#62;
&	和号	&amp;	&#38;
"	引号	&quot;	&#34;
'	撇号	&apos; (IE不支持)	&#39;
￠	分	&cent;	&#162;
£	镑	&pound;	&#163;
¥	人民币/日元	&yen;	&#165;
€	欧元	&euro;	&#8364;
§	小节	&sect;	&#167;
©	版权	&copy;	&#169;
®	注册商标	&reg;	&#174;
™	商标	&trade;	&#8482;
×	乘号	&times;	&#215;
÷	除号	&divide;	&#247;

三、meta标签

meta 是个单标签，它没有结束标签。
meta元素为head元素的子元素，且只能放在head标签中使用。
meta元素重要用来附加文档的额外信息，除了使用我们熟悉的 charset="utf-8"声明字符编码外，它还有几个常用的功能

通过name与content属性为文件加入作者(author)描述信息（description）关键词(kewords)编码工具（generator）等信息
通过属性http-equiv将指定的信息以HTTP表头信息的方式送到客户端：