# HTML标记分为哪几类 HTML（HyperText Markup Language）作为构建网页的基础语言，其标记（Tags）按功能和用途可分为多个类别。以下是HTML标记的主要分类及详细说明： --- ## 一、按功能分类 ### 1. 结构标记 定义文档的基本框架： - `<html>`：根元素 - `<head>`：包含元信息（标题、字符集等） - `<body>`：可见内容容器 - `<header>`/`<footer>`：页眉/页脚 - `<section>`/`<article>`：内容分区 ### 2. 文本标记 控制文本显示： - `<h1>`-`<h6>`：标题层级 - `<p>`：段落 - `<strong>`（加粗）/`<em>`（斜体）：语义强调 - `<br>`：换行 ### 3. 多媒体标记 嵌入非文本内容： - `<img>`：图像 - `<audio>`/`<video>`：音视频 - `<canvas>`：图形绘制 ### 4. 表单标记 用户输入交互： - `<form>`：表单容器 - `<input>`：输入控件（文本/密码/按钮等） - `<select>`/`<textarea>`：下拉框/多行文本 --- ## 二、按语法分类 ### 1. 双标签 由开始和结束标签组成： ```html <div>内容</div> <p>段落文本</p> 无需闭合：
<img src="image.jpg"> <br> 明确描述内容含义： - <nav>：导航栏 - <figure>：配图容器 - <time>：时间日期
仅用于样式或布局： - <div>：块级容器 - <span>：行内容器
位于<head>内： - <meta>：字符集/视口设置 - <link>：引入CSS - <title>：页面标题
动态功能支持： - <script>：嵌入JavaScript - <noscript>：脚本不可用时的替代内容
HTML标记通过不同分类协同工作： - 功能上：构建结构、内容、交互 - 语法上：双标签与单标签互补 - 语义上：提升可访问性与SEO
合理选择标记类型是编写高质量HTML的关键。随着HTML5的普及，语义化标记的重要性日益凸显，开发者应优先使用<article>、<section>等标签替代过度依赖<div>的传统做法。
提示：可通过MDN Web Docs查阅完整的HTML标记参考。 “`
注：实际字数为约600字，可根据需要扩展具体标记的示例或应用场景以达到650字要求。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
