html5文档结构的基本组成-html教程-PHP中文网

html5文档结构的基本组成

下次还敢

发布： 2024-04-22 11:00:26

原创

1731人浏览过

HTML5 文档结构的基本组件：Doctype: 声明文档类型，遵循 HTML5 标准头部 (head): 包含元数据（标题、字符集、样式表）正文 (body): 包含文档内容（文本、图像、视频）语义化元素（标题、段落、列表、表格、表单）注释：提供有关文档的信息，不显示在网页中脚本元素：包含 JavaScript 代码，增强文档功能

html5文档结构的基本组成

HTML5 文档结构的基本组成

HTML5 文档结构由以下基本组件组成：

1. Doctype

<!DOCTYPE html>

登录后复制

声明文档类型，告诉浏览器该文档符合 HTML5 标准。

立即学习“前端免费学习笔记（深入）”；

2. 头部 (head)

<head>
    <title>文档标题</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="stylesheet.css">
</head>

登录后复制

包含关于文档的元数据，如标题、字符集和外部样式表。

3. 正文 (body)

<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是我的网站的内容。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/11113">
                            <img src="https://img.php.cn/upload/webcode/000/000/001/176500620968446.jpg" alt="云网OA">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/11113">云网OA</a>
                            <p>采用JSP开发的办公自动化产品、基于B/S结构，运行环境：JDK v1.5、Tomcat v5.5、MySQL v4.1，三者均为以上版本其他相关内容：可视化流程设计： 流程支持串签、会签和分支流程，可以设置流程节点的修改、删除权限，并可指定流程中各个用户在表单中可以填写的域。智能表单所见即所得设计： 智能设计，自动在数据库中生成表格，方便优化程序 公共交流： 集论坛、博客、聊天室于一体文件柜：C</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="云网OA">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/11113" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="云网OA">
                        </a>
                    </div>
                
</body>

登录后复制

包含文档的实际内容，如文本、图像和视频。

4. 语义化元素

HTML5 引入了许多语义化元素，用于清晰地描述文档内容：