HTML常用头部标签_头部结构的标签-CSDN博客

本文链接：https://blog.csdn.net/qq_36113598/article/details/79366313

基本标签

<!DOCTYPE html> <!-- 使用 HTML doctype，不区分大小写 -->

<meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->

<html lang="zh-CN"> <!-- 页面采用中文（中国大陆范围，包括各种大方言、小方言、繁体、简体等等） -->
<html lang="zh-cmn-Hans"> <!-- 简体中文（世界范围） -->
<html lang="zh-cmn-Hant"> <!-- 繁体中文 -->

<html lang="en-US"> <!-- 页面采用英文 -->

<meta name="descirption"> content="不超过150个字符"> <!-- 页面描述 -->
<meta name="keywords" content="VPN"> <!-- 页面关键词 -->
<title>页面标题</title>
<meta name="author" content="name,email@gmail.com"> <!-- 网页作者 -->

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 使用IE最新版本渲染页面，若有chrome则优先使用chrome -->

可选标签

<base target="_blank"/> <!-- 设定页面中链接都在新窗口打开，默认为_self（在相同框架中打开） -->

<meta http-equiv="Refresh" content="5;url=xxx"/> <!-- 在5秒后重新定向到指定链接 -->

<meta name="renderer" content="webkit"> <!-- 当为双核浏览器时，优先使用webkit渲染 -->

移动设备

<meta name="viewport" content="width=device-width,initial-scale=1,maximun-scale=1,userscalable=no">
/**
*其中 width=device-width 自适应容器宽度
*     initial-scale 初始化缩放比例
*     minimum-scale 最小缩放比例
*     maximum-scale 最大缩放比例
*     user-scalable=no 禁止用户缩放
*当user-scalable=no时，用户无法缩放，可以使得WebAPP更像原生应用
*/