lili-0923

**`_self`：**默认值，链接在当前窗口或框架中打开。 **`_blank`：**链接在新的、未命名的窗口或标签页中打开。 **`_parent`：**链接在父级框架中打开。 **`_top`：**链接在顶级窗口或标签页中打开，忽略所有框架。 需要注意的是，使用 `_blank` 打开新窗口时，应添加 `rel="noopener noreferrer"` 属性以防止新窗口对原窗口的篡改和其他潜在的安全风险。此外，`_top` 通常用于在 IFRAME 或 FRAME 中跳转到顶层页面，但这种用法较少见。

元素选择器：通过元素的名称来选择元素。 类选择器：通过元素的 class 属性来选择元素。 ID选择器：通过元素的 id 属性来选择元素。 属性选择器：通过元素的属性来选择元素。 伪类选择器：通过元素的状态或位置来选择元素。 伪元素选择器：用于在元素的某个位置插入额外的内容。 后代选择器：用于选择某个元素的后代元素。 相邻兄弟选择器：用于选择某个元素的下一个相邻元素。 通用选择器：选择所有元素，使用 * 符号。 可继承的属性 – font-family – font-size – font-weight – line-height – color – text-align – visibility...

math、date、string、array、object、number、boolean、regexp、function、error、error.prototype、promise、promise.prototype、map、set、weakmap、weakset、symbol、proxy、proxy.prototype和reflect

**title用于网站信息标题，突出网站标题或关键字，一个网站能够有多个title，seo权重高于H1；H1归纳的是文章主题，一个页面最好只用一个H1，seo权重低于title。** **b为了加粗而加粗，strong为了标明重点而加粗** **i为了斜体而斜体，em为了标明重点而斜体，且对于搜索引擎来讲strong和em比b和i要重视的多**

设置 解释 width 设置 layout viewport 的宽度，为一个正整数，或字符串"width-device" initial-scale 设置页面的初始缩放值，为一个数字，可以带小数 minimum-scale 允许用户的最小缩放值，为一个数字，可以带小数 maximum-scale 允许用户的最大缩放值，为一个数字，可以带小数 height 设置 layout viewport 的高度，这个属性对我们并不重要，很少使用 user-scalable 是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes 代表允许

lable可以关联控件，可以和表单元素结合，使表单元素获得焦点。有两个属性，for和accesskey。 for 属性用来关联表单，accesskey属性设置快捷键。 for属性： `姓名` ``` haha hehe ``` accesskey属性: `姓名`

- 单冒号 ： 表示伪类，伪类是选择器的一种，它用于选择处于特定状态的元素 - 双冒号 ：： 表示伪元素，伪元素以类似方式表现，不过表现得是像你往标记文本中加入全新的HTML元素一样，而不是向现有的元素上应用类 - 在元素前面（::before）和后面（::after）加内容

因为 HTML5 与 HTML4 基于的基准不同。 HTML4 基于 SGML 因此需要除了 DOCTYPE 外还需要引入 DTD 来告诉浏览器用什么标准进行渲染。DTD 还分为标准模式、严格模式。如果什么都不写，就完全让浏览器自我发挥，会变成怪异模式。 HTML5 不基于 SGML，因此后面就不要跟 DTD，但是需要 DOCTYPE 来规范浏览器的渲染行为。 注：SGML 是通用标记语言的集合。其中有 HTML、XML，因此需要用 DTD 来指定使用那种规范。

function encryptString(str) { let encryptedStr = ""; // 存放加密后的结果 for (let i = 0; i < str.length; i++) { const charCode = str[i].charCodeAt(); // 获取每个字符的ASCII值 if (/^[a-zA-Z]$/.test(str[i])) { // 判断当前字符是否为英文字母...

**方法一：额外标签法**   给谁清除浮动，就在其后额外添加一个空白标签 ，给其设置clear：both。   **优点**：通俗易懂，书写方便。   **缺点**：添加许多无意义的标签，结构化比较差。   clear：both：本质就是闭合浮动， 就是让父盒子闭合出口和入口，不让子盒子出来 。 **方法二：父元素添加overflow:hidden**   通过触发[BFC](https://so.csdn.net/so/search?q=BFC&spm=1001.2101.3001.7020)方式，实现清除浮动   **优点**：代码简洁   **缺点**：内容增多的时候容易造成不会[自动换行](https://so.csdn.net/so/search?q=自动换行&spm=1001.2101.3001.7020)导致内容被隐藏掉，无法显示要溢出的元素。 **方法三：使用after伪元素清除浮动**   **优点**：符合闭合浮动思想，结构语义化正确。   **缺点**：ie6-7不支持伪元素：after，使用zoom:1触发hasLayout。 **方法四：使用before和after双伪元素清除浮动**   **优点**：代码更简洁   **缺点**：用zoom:1触发hasLayout. **方法五：为父元素设置高度**   **缺点**: 需要手动添加高度，如何后面的高度发生变化，还要再次修改高度，给后期的维护带来麻烦。   **优点**: 简单粗暴直接有效，清除了浮动带来的影响