渗透测试-HTML

Mo Yu 11月 07, 2025

#Web搭建

前端 html css

后端 php java

Web中间件 apache nginx tomcat

什么是 HTML 标签？

HTML（超文本标记语言）使用 “标签” 来定义网页的内容和结构。标签是尖括号 < 和 > 包围的关键词。

通常成对出现：由一个开始标签和一个结束标签组成，内容放在它们之间。
- 开始标签：<标签名>
- 结束标签：</标签名>
- 示例： <p>这是一个段落。</p>
少数为自闭合标签：有些标签不需要内容，因此它们自己关闭自己。
- 示例： <img>， <br>， <input>

HTML 文档基本结构

一个标准的 HTML 文档包含以下基本标签，它们构成了网页的骨架：

网页标题

这是一个一级标题

这是一个段落。

常用 HTML 标签分类介绍

1. 文档结构标签

标签	描述	说明
`<!DOCTYPE html>`	文档类型声明	告诉浏览器这是 HTML5 文档。
`<html>`	根元素	包裹整个 HTML 文档。
`<head>`	头部容器	包含文档的元数据，如标题、字符集、样式表链接等。
`<title>`	文档标题	定义浏览器工具栏的标题和收藏页的标题。
`<body>`	主体容器	包含所有显示在网页上的内容，如文本、图片、链接等。

2. 内容分区与标题标签

标签	描述	说明
`<h1>` 到 `<h6>`	标题	定义标题，`<h1>` 级别最高，`<h6>` 级别最低。
`<header>`	页眉	定义文档或节的页眉。
`<nav>`	导航链接	定义导航链接的部分。
`<main>`	主体内容	定义文档的主要内容。
`<article>`	独立文章	定义独立的自包含内容（如博客文章、新闻文章）。
`<section>`	文档中的节	定义文档中的节（如章节、页眉、页脚）。
`<aside>`	侧边栏	定义页面内容之外的内容（如侧边栏）。
`<footer>`	页脚	定义文档或节的页脚。
`<div>`	分区容器	块级容器，用于布局和样式化。

3. 文本内容标签

标签	描述	说明
`<p>`	段落	定义一个段落。
`<br>`	换行	插入一个简单的换行。
`<hr>`	水平线	定义主题内容的分割（水平线）。
`<pre>`	预格式化文本	保留文本中的空格和换行。
`<ul>`	无序列表	定义一个无序列表。
`<ol>`	有序列表	定义一个有序列表。
`<li>`	列表项	定义列表的项目。

4. 行内文本语义标签

标签	描述	说明
`<a>`	锚点/超链接	定义一个超链接。属性： `href`
`<strong>`	重要文本	定义重要性更强的文本，通常以粗体显示。
`<em>`	强调文本	定义强调文本，通常以斜体显示。
`<span>`	行内容器	行内容器，用于对文本的一部分进行样式化。
`<img>`	图像	嵌入图像。属性： `src`, `alt`
`<code>`	代码	定义计算机代码片段。

5. 表格标签

标签	描述
`<table>`	定义表格
`<tr>`	定义表格中的行
`<th>`	定义表格中的表头单元格
`<td>`	定义表格中的标准单元格
`<thead>`	定义表格的页眉
`<tbody>`	定义表格的主体
`<tfoot>`	定义表格的页脚

6. 表单标签

表单用于收集用户输入。

标签	描述	说明
`<form>`	表单	定义供用户输入的表单。
`<input>`	输入控件	定义输入字段，类型由 `type` 属性决定（如 text, password, radio, checkbox, submit）。
`<textarea>`	多行文本域	定义多行文本输入控件。
`<label>`	输入标签	为 input 元素定义标注。
`<select>`	下拉列表	定义下拉列表。
`<option>`	下拉选项	定义下拉列表中的选项。
`<button>`	按钮	定义可点击的按钮。

标签属性

属性为 HTML 元素提供附加信息。它们总是写在开始标签中，通常以 名称="值" 的形式出现。

常见属性：

id：定义元素的唯一 ID。
class：为元素定义一个或多个类名（用于 CSS 样式）。
src：指定外部资源的来源（用于 <img>, <script>）。
href：指定链接的目标 URL（用于 <a>）。
alt：指定图像的替代文本（用于 <img>）。
style：为元素指定内联 CSS 样式。

示例：

访问示例网站</a>
<img src="image.jpg" alt="一幅美丽的风景画">

这个段落是蓝色的。

HTML5 新特性

HTML5 引入了许多新的语义化标签（如 <header>, <footer>, <article>, <section>）和用于富媒体内容的标签：

<audio>：嵌入音频内容。
<video>：嵌入视频内容。
<canvas>：用于通过脚本（通常是 JavaScript）动态绘制图形。