HTML
基础结构
<!DOCTYPE html>
: 声明文档类型。<html>
: 根元素。<head>
: 包含文档的元数据。<body>
: 包含文档的可见内容。
常用标签
<h1>
到<h6>
: 标题标签。<p>
: 段落标签。<a>
: 链接标签。<img>
: 图像标签。<ul>
,<ol>
,<li>
: 列表标签。<div>
和<span>
: 容器标签。
表单和输入
<form>
: 定义表单。<input>
: 输入字段。<textarea>
: 多行文本输入。<button>
: 按钮标签。<select>
和<option>
: 下拉列表。
嵌入内容
<iframe>
: 嵌入另一个HTML页面。<video>
和<audio>
: 嵌入视频和音频内容。<embed>
和<object>
: 嵌入各种类型的多媒体。
HTML5 新特性
- 语义化标签(如
<article>
,<section>
,<nav>
,<header>
,<footer>
)。 - 表单增强(如新的输入类型和属性)。
- 图形和多媒体(如
<canvas>
,<svg>
)。
最佳实践
- 使用语义化标签以提高可访问性。
- 保持代码清晰和组织良好。
- 确保网页在不同浏览器和设备上的兼容性。
资源
- MDN Web Docs: 详尽的HTML文档和教程。
- W3Schools: HTML基础和高级概念。