HTML（Hypertext Markup Language）是用于构建网页结构的标记语言。HTML5 是 HTML 的第五个主要版本，引入了许多新的元素和功能，使得网页开发更加灵活和强大。以下是 HTML5 的一些基础知识：

1. HTML 文档结构：

一个基本的 HTML5 文档由 <!DOCTYPE html> 声明、<html> 元素、<head> 元素和 <body> 元素构成。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My HTML5 Page</title>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

  •  <!DOCTYPE html>：声明文档类型和版本为 HTML5。

  •  <html>：HTML 文档的根元素。

  •  <head>：包含文档的元信息，如字符集、视口设置和页面标题。

  •  <body>：包含页面的实际内容，如文本、图像、链接等。


2. HTML 元素：

HTML 元素是构建网页的基本单位。一个元素通常由开始标签、结束标签和内容组成。
<p>This is a paragraph.</p>
<a href="https://www.example.com">Visit Example.com</a>
<img src="image.jpg" alt="An example image">

  •  <p>：段落元素，用于定义文本段落。

  •  <a>：链接元素，用于创建超链接。

  •  <img>：图像元素，用于在页面中嵌入图像。


3. HTML 属性：

HTML 元素可以拥有属性，属性提供了有关元素的额外信息。属性总是包含在开始标签中，并以键值对的形式出现。
<a href="https://www.example.com" target="_blank">Visit Example.com</a>
<img src="image.jpg" alt="An example image">

  •  href：<a> 元素的属性，指定链接的目标 URL。

  •  target：<a> 元素的属性，指定链接在新窗口或新标签中打开。


4. HTML5 新元素：

HTML5 引入了一些新的语义化元素，用于更清晰地描述文档结构。
<header>
    <h1>Page Header</h1>
</header>
<nav>
    <ul>
        <li><a href="#home">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</nav>
<section>
    <article>
        <h2>Article Title</h2>
        <p>Content of the article...</p>
    </article>
</section>
<footer>
    <p>&copy; 2023 My Website</p>
</footer>

  •  <header>：定义文档或文档部分的页眉。

  •  <nav>：定义导航链接的容器。

  •  <section>：定义文档的一个区域。

  •  <article>：定义独立的文章或内容块。

  •  <footer>：定义文档或文档部分的页脚。


这只是 HTML5 的基础，还有许多其他元素和功能可以用于创建丰富、交互性的网页。深入学习 HTML5 可以让你更好地理解 Web 开发并创建现代化的网页。


转载请注明出处：http://www.zyzy.cn/article/detail/12468/HTML5