九八云安全HTML基础标签说明
文档结构标签
| 作用描述 | |
|---|---|
<!DOCTYPE> |
声明文档类型（HTML5常用<!DOCTYPE html>） |
<html> |
根元素，包含整个网页内容 |
<head> |
头部区域，包含元数据（如<meta>、<title>、样式表链接等） |
<body> |
主体区域，包含网页可见内容（文本、图片、链接等） |
文本相关标签
| 功能说明 | |
|---|---|
<h1>~<h6> |
，<h1>为最高级别 |
<p> |
段落，自动换行 |
<br> |
强制换行（自闭合标签） |
<hr> |
水平分割线 |
<strong> |
强调文本（语义强于<b>） |
<em> |
强调文本（语义为语气强调） |
<span> |
器，用于局部样式或脚本控制 |
链接与图像标签
| 功能说明 | |
|---|---|
<a> |
超链接（需href属性），支持文本、图片链接 |
<img> |
图片（必须设置src和alt属性，自闭合标签） |
<svg> |
矢量图形容器 |
列表与表格标签
| 功能说明 | |
|---|---|
<ul> |
无序列表（配合<li>使用） |
<ol> |
有序列表（自动生成数字/字母序号） |
<dl> |
定义列表（配合<dt>术语和<dd>解释使用） |
<table> |
表格（含<thead>、<tbody>、<tr>行、<td>单元格、<th>表头） |
表单与输入标签
| 功能说明 | |
|---|---|
<form> |
表单容器（需设置action和method） |
<input> |
输入框（type属性决定类型，如text、password、checkbox等） |
<textarea> |
多行文本输入区域 |
<select> |
下拉选择框（配合<option>使用） |
<button> |
按钮（可设置type="submit"或type="button"） |
多媒体与嵌入标签
| 功能说明 | |
|---|---|
<audio> |
音频播放器（支持controls、autoplay等属性） |
<video> |
视频播放器（需设置src，支持controls、loop等） |
<embed> |
嵌入外部资源（如PDF、Flash，现代已少用） |
<iframe> |
内嵌框架（用于嵌入网页，需设置src和width/height） |
语义化结构标签（HTML5）
| 功能说明 | |
|---|---|
<header> |
页眉区域（常含导航栏） |
<nav> |
导航链接区域 |
<main> |
区域 |
<section> |
内容区块（需有明确主题） |
<article> |
块（如文章、博客条目） |
<footer> |
页脚区域（常含版权信息） |
<aside> |
（如广告、相关文章） |
常见问题与解答
问题1：如何选择合适的HTML标签？
解答：
- 必须闭合的标签：所有非自闭合标签（如
<div>、<p>、<li>等）必须有成对的开闭标签。 - 自闭合标签：包括
<img>、<br>、<hr>、<input>等，末尾需加（如<img />）。 - 注意：HTML标签对大小写不敏感（如
<P>等同于<p>），但
