HTML 简介

什么是 HTML？

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它使用标记标签来描述网页的结构和内容。

HTML 基本结构

一个基本的 HTML 文档结构如下：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落</p>
</body>
</html>

HTML 标签

HTML 标签是由尖括号包围的关键词，通常成对出现，如 <html> 和 </html>。

常用标签

标题标签：<h1> 到 <h6>，用于定义不同级别的标题
段落标签：<p>，用于定义段落
链接标签：<a>，用于创建超链接
图像标签：<img>，用于插入图像
列表标签：<ul>（无序列表）、<ol>（有序列表）、<li>（列表项）
表格标签：<table>、<tr>（行）、<td>（单元格）
表单标签：<form>、<input>、<button>、<select>、<textarea>

HTML 语义化

语义化 HTML 是指使用恰当的 HTML 标签来描述内容的含义，而不仅仅是为了样式。

语义化标签

<header>：定义文档的头部区域
<nav>：定义导航链接的部分
<main>：定义文档的主要内容
<section>：定义文档中的一个区块
<article>：定义独立的内容
<aside>：定义侧边栏内容
<footer>：定义文档的底部区域

HTML5 新特性

新的语义化标签
音频和视频支持（<audio> 和 <video>）
Canvas 绘图
本地存储（localStorage 和 sessionStorage）
地理定位
Web Workers
WebSockets

最佳实践

使用语义化标签
保持代码结构清晰
使用适当的缩进
为图像添加 alt 属性
确保页面可访问性
优化页面加载速度

总结

HTML 是网页开发的基础，掌握 HTML 是学习前端开发的第一步。通过合理使用 HTML 标签和语义化结构，可以创建出结构清晰、易于维护的网页。