【前端知识之HTML】HTML头部知识

饭啊饭°

已于 2022-07-18 09:40:13 修改

阅读量115

点赞数

分类专栏：前端知识之html+CSS 文章标签：前端 html5

于 2022-05-09 22:29:13 首次发布

本文链接：https://blog.csdn.net/weixin_44337386/article/details/124676334

版权

前端知识之html+CSS 专栏收录该内容

25 篇文章 2 订阅

订阅专栏

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍HTML头部知识。

文章目录

前言
一、DOCTYPE相关
二、常用的meta标签
三、head标签的作用

一、DOCTYPE相关

（1）DOCTYPE（文档声明）：用于告诉浏览器，当前的HTML是使用什么版本的html来编写的，以保证浏览器可以正确的解析。
（2）<!Doctype html>：让浏览器进入标准模式，使用HTML5标准来解析渲染页面。要写在html代码的第一行。

<!DOCTYPE html>
<html lang="en">   //英文

二、常用的meta标签

1、charset：描述编码类型

<meta charset="UTF-8">

2、X-UA-Compatible：文档兼容性

<meta http-equiv="X-UA-Compatible" content="IE=edge">

3、viewport：适配移动端

<meta name="viewport" content="width=device-width, initial-scale=1.0">

4、keywords关键词和description描述

<meta name="keywords" content="关键词" />
<meta name="description" content="页面描述内容" />

三、head标签的作用

head标签用于定义文档的头部信息，包括文档的标题，在Web中的位置以及其他文档的关系等。

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>    //唯一必须存在的
</head>