<!DOCTYPE html> <!--指定文档类型为html格式，浏览器会根据html格式去渲染下面的标签-->
<html lang="en"> <!-- HTML文件内容区域，所有的内容都应该写到它的内部。其中lang=”en”表示页面是英文格式，翻译页面时会读取此值来获取当前页面是什么语言编写。 -->
<head>
<meta charset="UTF-8"> <!--1. 定义字符编码的标签必须放在最上方；2. 乱码现象：文件编码和charset字符串编码不一致时，浏览器会根据charset定义去读取内容，所以就会出现乱码。-->
<title>今日头条</title>
<meta name="keywords" content="欧美，日韩，国产，网红"/>
<meta name="description" content="野鸡是一个面向全球的皮条平台。"/>
<!-- meta标签可以设置网站描述信息，用于在搜索引擎搜索时，显示网站基本描述信息。 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 在前端开发领域，IE浏览器因为兼容性一直被鄙视，因为IE遵循自己的标准而其他浏览器遵循另一套标准，所以同样的代码在其他浏览器都可以运行，唯独IE需要特殊设置。
以下是专门针对IE浏览器设置，在IE浏览器上运行时，按照最新的默认渲染页面，例如：使用 IE10 浏览器访问页面，如果在IE浏览器兼容中切换到IE8，倘若没有设置X-UA-Compatible，那么页面就会按照IE8模式去显示页面，而设置X-UA-Compatible之后，浏览器永远会按照最新的默认来对页面进行渲染。-->
<meta name="renderer" content="webkit">
<!-- 国产浏览器默认设置高速浏览的模式 -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<!-- width=device-width ，表示宽度按照设备屏幕的宽度。
initial-scale=1.0，初始显示缩放比例。
minimum-scale=0.5，最小缩放比例。
maximum-scale=1.0，最大缩放比例。
user-scalable=yes，是否支持可缩放比例（触屏缩放）
-->
<link rel="shortcut icon" href="/image/chicken.icon">
<!-- title旁边的icon -->
</head>
<body>
<h1 style="width: 1500px;background-color: green;">演示html文档</h1>
</body>
</html>
浙公网安备 33010602011771号