HTML标准文档结构

简介: HTML标准文档结构

PC版



<!DOCTYPE html>
<html>
<head>
    <!-- 国际统一字符编码集一定要写在最前面 -->
    <meta charset="UTF-8">
    <!-- 解决浏览器兼容,以webkit内核解析,ie 以最高内核解析或以谷歌内核 -->
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>document</title>
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <meta name="keywords" content="document"/>
    <meta name="description" content="document"/>
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"/>
</head>
<body>
<div id="root"></div>
</body>
</html>


H5版



<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>document</title>
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <meta name="keywords" content="document"/>
    <meta name="description" content="document"/>
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"/>
    <!-- m 站 start -->
    <meta name="viewport" content="initial-scale=1,width=device-width,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <!-- m 站 end -->
</head>
<body class="body">
<div id="root"></div>
</body>
</html>


相关文章
|
2月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
15 0
|
9天前
|
存储 JavaScript 数据可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
33 1
|
1月前
|
存储 Java API
Scala中如何使用Jsoup库处理HTML文档?
Scala中如何使用Jsoup库处理HTML文档?
|
4天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
4天前
|
移动开发 前端开发 JavaScript
【专栏:HTML基础篇】深入HTML元素:理解结构与内容
【4月更文挑战第30天】本文探讨了HTML在构建网页中的核心作用,HTML元素构成网页结构与内容,包括`&lt;!DOCTYPE html&gt;`、`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等基本元素及`&lt;div&gt;`、`&lt;span&gt;`、`&lt;a&gt;`、`&lt;img&gt;`等丰富标签。理解并恰当使用这些元素能创建清晰结构、优化SEO、增强交互性,并实现语义化,为打造功能强大且美观的网站奠定基础。进一步学习CSS和JavaScript将提升网页视觉效果和互动性。
|
5天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
12天前
vscode快捷HTML结构 | Emmet
vscode快捷HTML结构 | Emmet
11 1
|
16天前
|
搜索推荐 索引
HTML的基本结构
HTML的基本结构
26 2
|
16天前
|
移动开发 开发者 HTML5
html文档
【4月更文挑战第19天】html文档
13 1
|
16天前
|
前端开发 搜索推荐 UED
《HTML 简易速速上手小册》第6章:HTML 语义与结构(2024 最新版)
《HTML 简易速速上手小册》第6章:HTML 语义与结构(2024 最新版)
22 0