非零基础自学前端最后一遍一 HTML+CSS 2 HTML常见的元素 2.2 head元素-title-meta配置

太过爱你忘了你带给我的痛 2024-03-26 19:33 136阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  2 HTML常见的元素
         *   *  2.2 head元素-title-meta配置
             *   *  2.2.1 head元素

![在这里插入图片描述][c3525e5542e84603a248a06ae9219b9b.png_pic_center]

#### 一 HTML+CSS ####

#### 2 HTML常见的元素 ####

##### 2.2 head元素-title-meta配置 #####

###### 2.2.1 head元素 ######

*  HTML head 元素 规定文档相关的配置信息（也称之为元数据），包括文档的标题，引用的文档样式和脚本等。
    
     *  什么是元数据（meta data），是描述数据的数据；
     *  这里我们可以理解成对整个页面的配置：
    
    ![在这里插入图片描述][13ffcf7796e54dfbb07a64fae5be1f02.png_pic_center]
 *  常见的设置有哪些呢？一般会至少包含如下2个设置。
    
     *  网页的标题：title元素
        
        ![在这里插入图片描述][8da5afdc987b4fc9a0704b6ac5316db9.png_pic_center]
     *  网页的编码：meta元素
        
         *  可以用于设置网页的字符编码，让浏览器更精准地显示每一个文字，不设置或者设置错误会导致乱码；
         *  一般都使用utf-8编码，涵盖了世界上几乎所有的文字；
        
        ![在这里插入图片描述][5f1f25c6769645268366f941ff1d34a3.png_pic_center]

[c3525e5542e84603a248a06ae9219b9b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/b6d01b0c461946b3977fc4856c2f0278.png
[13ffcf7796e54dfbb07a64fae5be1f02.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/807668efcd98417787b90ba112a41af7.png
[8da5afdc987b4fc9a0704b6ac5316db9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/7c4aeafc5f0a46a48e3bab56c5cd724e.png
[5f1f25c6769645268366f941ff1d34a3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/1d74035290e34dd8aa156df179430b08.png