【查缺补漏】HTML

1.换行标签<br/>

2.水平线标签<hr/>

3.特殊字符（转义字符）

•  ：空格 （non-breaking spacing，不断打空格）
• <：小于号（less than）
• >：大于号（greater than）
• &：符号&
• "：双引号
• '：单引号
• ©：版权©
• ™：商标™
• 绐：文字绐。其实，#32464是汉字绐的unicode编码。

特殊字符	描述	字符的代码
	空格符	 
<	小于号	&lt;
>	大于号	&gt;
&	和号	&amp;
￥	人民币	&yen;
©	版权	&copy;
®	注册商标	&reg;
°	摄氏度	&deg;
±	正负号	&plusmn;
×	乘号	&times;
÷	除号	&divide;
²	平方2（上标2）	&sup2;
³	立方3（上标3）	&sup3;

4.超链接

（1）外部链接：

链接到外部文件

（2）锚链接：

给超链接起一个名字，作用是在本页面或者其他页面的的不同位置进行跳转。比如说，在网页底部有一个向上箭头，点击箭头后回到顶部，这个就可以利用锚链接。

（3）邮箱链接

（4）超链接的属性

• href：目标URL
• title：悬停文本。
• name：主要用于设置一个锚点的名称。
• target：告诉浏览器用什么方式来打开目标页面。target属性有以下几个值：
  • _self：在同一个网页中显示（默认值）
  • _blank：在新的窗口中打开。
  • _parent：在父窗口中显示
  • _top：在顶级窗口中显示

5.图片目录

（1）相对目录

相对当前页面所在的路径。两个标记 . 和 .. 分表代表当前目录和上一层目录。

相对路径的面试题。现有如下文件层级图：

问题：如果想在index.html中插入1.png，那么对应的img语句是？

分析：

现在document是最大的文件夹，里面有两个文件夹work和photo。work中又有一个文件夹叫做myweb。myweb文件夹里面有index.html。 所以index.html在myweb文件夹里面，上一级就是work文件夹，上两级就是document文件夹。通过document文件夹当做一个中转站，进入photo文件夹，看到了1.png。

答案：

<img src="../../photo/1.png" />

（2）图片的绝对路径

绝对路径包括以下两种：

i）以盘符开始的绝对路径。举例：

<img src="C:\Users\qianguyihao\Desktop\html\images\1.jpg">

ii）网络路径。举例：

<img src="http://img.smyhvae.com/20200122_200901.png">

6.web存储

H5 中有两种存储的方式

1、window.sessionStorage 会话存储：

• 保存在内存中。

• 生命周期为关闭浏览器窗口。也就是说，当窗口关闭时数据销毁。

• 在同一个窗口下数据可以共享。

2、window.localStorage 本地存储：

• 有可能保存在浏览器内存里，有可能在硬盘里。

• 永久生效，除非手动删除（比如清理垃圾的时候）。

• 可以多窗口共享。

3、Web 存储的特性

（1）设置、读取方便。

（2）容量较大，sessionStorage 约5M、localStorage 约20M。

（3）只能存储字符串，可以将对象 JSON.stringify() 编码后存储。