【前端面试必知】HTML头部知识

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍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>

猜你喜欢

转载自blog.csdn.net/weixin_44337386/article/details/124676334