前言
本系列主要整理前端面试中需要掌握的知识点。本节介绍HTML头部知识。
文章目录
一、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>