文档结构标签
学思创
282
<html>：HTML文档的根元素（告知浏览器这是一个 HTML 文档 ）
<head>：head 元素可包含关于文档的信息，浏览器不会显示这些头部信息
<body>：body 元素定义文档的主体
<meta>：定义文档的元信息，如字符编码、视口设置等
<title>：文档标题（网页的标题）
<base>：为文档中的所有相对URL设置基础URL
<link>：定义文档与外部资源的关系，通常用于引入样式表
<style>：用于在HTML文档中嵌入CSS样式
<script>：用于在HTML文档中嵌入或引用JavaScript代码
<noscript>：在不支持脚本的浏览器中显示替代内容
<article>：定义独立的、可独立于内容的文档或文章内容
<section>：定义文档的区块或节
<nav>：定义导航链接的部分
<aside>：定义页面内容之外的内容，如侧边栏、引用等
<header>：定义文档或区块的头部，通常包含标题、logo等信息
<footer>：定义文档或区块的底部，通常包含版权信息、联系方式等
<main>：定义文档的主要内容，每个页面应该只有一个<main>元素
<div>：定义块级元素容器
<!-- 文档申明，声明为html文档 -->
<!DOCTYPE html>
<!-- 根元素，并指定网页的语言为简体中文(eg:zh_cn表示简体中文，en表示英文) -->
<html lang="zh_cn">
<!-- 头部标签 -->
<head>
<!-- 定义文档的字符编码 -->
<meta charset="UTF-8">
<!-- 定义浏览器兼容，IE=edge表示最新模式来解析渲染页面 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 定义浏览器以设备的宽度来呈现网页的内容，而不是尝试缩小或放大网页的内容 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 定义文档的所有相对URL设置基础URL为根目录 -->
<base href="/">
<!-- 引入Bootstrap5的样式（支持跨域） -->
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<!-- 引入Bootstrap5的js库（支持跨域） -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.bundle.min.js" integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim" crossorigin="anonymous"></script>
<!-- 定义文档的标题 -->
<title>学思创</title>
</head>
<!-- 文档主体 -->
<body>
<!-- 页面的头部 -->
<header>
<!-- 页面主导航 -->
<nav><a href="/">首页</a><a href="/">关于我们</a></nav>
</header>
<!-- 页面的主要内容 -->
<main>
<!-- 侧边栏 -->
<aside></aside>
<!-- 文章内容 -->
<article>
<!-- 文章标题 -->
<h1>学思创</h1>
</article>
<!-- 区块 -->
<section>
</section>
</main>
<!-- 页面的底部内容 -->
<footer></footer>
</body>
</html>