html5常用标签属性大全
以下是HTML5常用标签及核心属性的分类整理，基于2025年最新技术规范综合整理：
一、文档结构标签
基础容器
<html>：根元素，定义文档类型，常用属性lang设置语言
<head>：存放元数据和链接资源
<body>：存放网页主体内容
元数据标签
<title>：定义页面标题
<meta>：设置字符集/视口，常用属性charset、name="viewport"
<link>：引入外部样式表，属性rel="stylesheet"、href
二、文本格式化标签
基础文本
<h1>-<h6>：标题标签，属性class、id
<p>：段落标签
<br>：强制换行
<hr>：水平分割线
样式修饰
<b>/<strong>：加粗文本
<i>/<em>：斜体文本
<mark>：高亮显示
<del>/<ins>：删除线/下划线
三、图形与链接标签
多媒体嵌入
<img>：插入图片，属性src、alt、width、height
<video>/<audio>：音视频标签，属性controls、autoplay、muted
超链接
<a>：定义链接，属性href、target="_blank"
四、表单与输入标签
表单元素
<form>：表单容器，属性action、method
<input>：输入控件，新增类型email、range、color、date
<textarea>：多行文本输入框
交互增强
<datalist>：预定义输入选项，配合<input list>使用
<output>：显示计算结果
五、语义化结构标签（HTML5新增）
<header>/<footer>：页眉/页脚
<nav>：导航栏
<article>：独立内容区块
<section>：文档章节
<aside>：侧边栏内容
<figure>/<figcaption>：图片/图表与标题组合
六、全局通用属性
class：定义CSS类名
id：元素唯一标识
style：内联样式
title：悬停提示文本
data-*：自定义数据属性（如data-id="001"）
附：HTML5核心新特性
布局优化
弃用<table>布局，推荐Flexbox模型
动画支持
通过transform实现旋转/缩放效果
表单验证
自动验证email、url等输入类型
完整标签列表建议参考W3C官方文档，实际开发中需根据场景选择语义化标签提升代码可维护性。
400电话办理