本文介绍了HTML文档的基本结构，包括DOCTYPE声明、html标签、head部分的元信息设置，如字符集、X-UA-Compatible及viewport元标签，以及body内的内容展示。重点讨论了移动端适配策略，通过meta标签实现不同设备的屏幕适配，确保页面在不同设备上良好显示。
html文档结构认知
<!DOCTYPE html>
<!-- 声明文档 告诉浏览器以html标准解析页面 -->
<html lang="en">
<head>
<!-- 头部信息 -->
<meta charset="UTF-8">
<!-- 声明编码格式 GBK UTF-8 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 让IE浏览器以最高版本解析 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover"/> -->
<!-- 解决移动端适配问题 -->
<title>这是一个html页面</title>
<!-- -->
</head>
<body>
<!-- 所有在浏览器显示的内容 -->
这是body内部的文字
</body>
</html>
<!-- 这是我写在html外的文字 -->
扫一扫
1275
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
