html页面结构详解

最新推荐文章于 2022-09-30 14:59:08 发布

做一个优秀的小前端

最新推荐文章于 2022-09-30 14:59:08 发布

阅读量336

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/ShaQiMa_/article/details/121624767

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>


<!-- 标准通用标记语言的文档类型声明 声明为html5文档，告诉浏览器以什么样的类型解析文档，避免浏览器的怪异模型 -->
<!-- 如果存在，浏览器会使用W3C标准模式解析文档，否则浏览器使用自己的怪异模式解析文档 -->
<!DOCTYPE html>
<!-- 根元素 -->
<html lang="en">
<!-- 头部元素-页面的设置信息 -->
<head>
    <!-- 元数据，不会显示在页面上但会被浏览器解析 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="refresh" content="30">  <!-- 每30秒刷新页面 -->
    <!-- 页面标题-显示在工具栏、收藏页面时收藏夹、搜索引擎结果页面的标题 -->
    <title>Document</title>
    <!-- 插入样式 -->
    <style></style>
    <!-- 插入js -->
    <script></script>
    <noscript></noscript>
    <!-- 默认链接地址 -->
    <base href="">
    <!-- 引入外部文件、设置页面小图标   其中rel是链接内容与页面的关系 -->
    <link rel="stylesheet" href="">
</head>
<!-- 主体元素-页面可见元素 -->
<body>
    <h1></h1>
    <p></p>
    <a href=""></a>
    <div></div>
    <span></span>
    <img src="" alt="">
    
<!-- 放在底部的js样式 -->
<script></script>
</body>
</html>