HTML 模板里面几个标签的含义

HTML 模板里面几个标签的含义

  • 告诉浏览器使用 HTML 的版本，以下表明是 H5 版本
<!DOCTYPE html>
  • 告诉浏览器，这是英文页面。'zh' 或者 'zh-cn' 代表中文
<html lang="en">
  • 告诉浏览器此页面属于什么字符编码格式，好让浏览器做好“翻译”工作
<meta charset="UTF-8">

  • X-UA-Compatible 是一种文档兼容模式的定义，Compatible 英译过来是“兼容”；IE=edge，代表以此版本的最高标准渲染文档

    因为有些浏览器用到了 IE 的内核，所以用最高标准来渲染还是很有必要的

<meta http-equiv="X-UA-Compatible" content="IE=edge">
  • viewport 表示视口区（可视区域），width=device-width 表示宽度为设备的宽度，initial-scale=1.0 表示页面首次被显示时可视区域的缩放级别，1.0 表示正常，这个标签里面的内容是针对移动端的
<meta name="viewport" content="width=device-width, initial-scale=1.0">
posted @ 2022-08-17 22:17  朱在春  阅读(45)  评论(0)  编辑  收藏  举报