html 5 默认代码 - Html (1)

📌 相关文章

📜 html 5 默认代码 - Html (1)

📅 最后修改于: 2023-12-03 15:15:33.127000 🧑 作者: Mango

HTML 5 默认代码 - HTML

HTML 5 是 HTML 的最新版本，它引入了许多新的元素和属性，使得开发人员可以更轻松地创建网站和应用程序。

以下是一个 HTML 5 默认代码的示例，其中包括一些常见的元素和属性：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My HTML 5 Page</title>
</head>
<body>
    <header>
        <h1>Welcome to My Page</h1>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </header>
    
    <main>
        <article>
            <header>
                <h2>Article Title</h2>
                <p>By Author</p>
            </header>
            <p>Article content goes here...</p>
            <section>
                <h3>Section Title</h3>
                <p>Section content goes here...</p>
            </section>
        </article>
    </main>
    
    <footer>
        <p>&copy; 2021 My Page</p>
    </footer>
</body>
</html>

这段代码包含了以下几个部分：

<!DOCTYPE html>：文档类型声明，指定文档使用 HTML 5 标准。
<html lang="en">：HTML 文档的根元素，其中 lang 属性指定文档的语言为英语。
<head>：文档头部，包含一些元信息，如字符集和标题。
<meta charset="UTF-8">：指定字符集为 UTF-8，以支持所有字符。
<title>My HTML 5 Page</title>：指定文档标题，会在浏览器标签页中显示。
<body>：文档主体，包含页面的主要内容。
<header>：页面头部，包含网站标志、导航菜单等。
<nav>：导航菜单，包含指向不同页面的链接。
<ul>：无序列表，包含导航菜单的选项。
<li>：列表项，包含每个链接。
<a href="#">Home</a>：超链接，将文本 "Home" 设为链接文本，并将其指向页面顶部的锚点。
<main>：主要内容区域，应包含页面的主要内容。
<article>：独立的文章，应包含完整的、独立的内容。
<section>：文章中的一部分，可用于分隔不同的主题或章节。
<footer>：页面底部，包含版权信息等。

此外，HTML 5 还引入了许多新的元素和属性，如视频、音频、绘图、地理位置等，可以在开发中使用。