html5你了解了多少？如果你还是入门阶段的话，或者还是一知半解的话 ，那么我们专门为你们收集的html5常用的标签大全对你就很有帮助了，你需要了解了html5有哪些标签你才能够更好的。驾驭html5这门火热而又充满神秘的语言技术。下面是一些常用的html5标签。按字母顺序排列的标签列表
?4: 指示在 HTML 4.01 中定义了该元素
?5: 指示在 HTML 5 中定义了该元素
标签 描述 4 5
定义注释。 4 5
定义文档类型。 4 5
定义超链接。 4 5
定义缩写。 4 5
HTML 5 中不支持。定义首字母缩写。 4
定义地址元素。 4 5 定义图像映射中的区域。 4 5
定义 article。 5
定义文档的标题。 4 5</p><p><tr> 定义表格行。 4 5</p><p><tt> HTML 5 中不支持。定义打字机文本。 4</p><p><u> HTML 5 中不支持。定义下划线文本。 4</p><p><ul> 定义无序列表。 4 5</p><p><var> 定义变量。 4 5</p><p><video> 定义视频。 5</p><p><xmp> HTML 5 中不支持。定义预格式文本。 4</p><p><aside> 定义页面内容之外的内容。 5</p><p><button> 定义按钮。 4 5</p><p><canvas> 定义图形。 5</p><p><caption> 定义表格标题。 4 5</p><p><center> HTML 5 中不支持。定义居中的文本。 4</p><p><cite> 定义引用。 4 5</p><p><code> 定义计算机代码文本。 4 5</p><p><col> 定义表格列的属性。 4 5</p><p><colgroup> 定义表格列的分组。 4 5</p><p><command> 定义命令按钮。 5</p><p><audio> 定义声音内容。 5</p><p><b> 定义粗体文本。 4 5</p><p><base> 定义页面中所有链接的基准 URL。 4 5</p><p><basefont> HTML 5 中不支持。请使用 CSS 代替。 4</p><p><bdo> 定义文本显示的方向。 4 5</p><p><big> HTML 5 中不支持。定义大号文本。 4</p><p><blockquote> 定义长的引用。 4 5</p><p><body> 定义 body 元素。 4 5</p><p><br> 插入换行符。 4 5</p><p><datalist> 定义下拉列表。 5</p><p><dd> 定义定义的描述。 4 5</p><p><form> 定义表单。 4 5</p><p><frame> HTML 5 中不支持。定义子窗口（框架）。 4</p><p><frameset> HTML 5 中不支持。定义框架的集。 4</p><p><h1> to <h6> 定义标题 1 到标题 6。 4 5</p><p><head> 定义关于文档的信息。 4 5</p><p><header> 定义 section 或 page 的页眉。 5</p><p><hgroup> 定义有关文档中的 section 的信息。 5</p><p><hr> 定义水平线。 4 5</p><p><del> 定义删除文本。 4 5</p><p><details> 定义元素的细节。 5</p><p><dfn> 定义定义项目。 4 5</p><p><dir> HTML 5 中不支持。定义目录列表。 4</p><p><iframe> 定义行内的子窗口（框架）。 4 5</p><p><img> 定义图像。 4 5</p><p><input> 定义输入域。 4 5</p><p><ins> 定义插入文本。 4 5</p><p><keygen> 定义生成密钥。 5</p><p><isindex> HTML 5 中不支持。定义单行的输入域。 4</p><p><kbd> 定义键盘文本。 4 5</p><p><label> 定义表单控件的标注。 4 5</p><p><legend> 定义 fieldset 中的标题。 4 5</p><p><div> 定义文档中的一个部分。 4 5</p><p><dl> 定义定义列表。 4 5</p><p><dt> 定义定义的项目。 4 5</p><p><em> 定义强调文本。 4 5</p><p><embed> 定义外部交互内容或插件。 5</p><p><fieldset> 定义 fieldset。 4 5</p><p><figcaption> 定义 figure 元素的标题。 5</p><p><figure> 定义媒介内容的分组，以及它们的标题。 5</p><p><font> HTML 5 中不支持。 4</p><p><footer> 定义 section 或 page 的页脚。 5</p><p><html> 定义 html 文档。 4 5</p><p><i> 定义斜体文本。 4 5</p><p><li> 定义列表的项目。 4 5</p><p><link> 定义资源引用。 4 5</p><p><map> 定义图像映射。 4 5</p><p><mark> 定义有记号的文本。 5</p><p><menu> 定义菜单列表。 4 5</p><p><meta> 定义元信息。 4 5</p><p><meter> 定义预定义范围内的度量。 5</p><p><nav> 定义导航链接。 5</p><p><noframes> HTML 5 中不支持。定义 noframe 部分。 4</p><p><noscript> 定义 noscript 部分。 4 5</p><p><object> 定义嵌入对象。 4 5</p><p><ol> 定义有序列表。 4 5</p><p><optgroup> 定义选项组。 4 5</p><p><option> 定义下拉列表中的选项。 4 5</p><p><output> 定义输出的一些类型。 5</p><p><p> 定义段落。 4 5</p><p><param> 为对象定义参数。 4 5</p><p><pre class="prism-highlight prism-language-bash"> 定义预格式化文本。 4 5</p><p><progress> 定义任何类型的任务的进度。 5</p><p><q> 定义短的引用。 4 5</p><p><rp> 定义若浏览器不支持 ruby 元素显示的内容。 5</p><p><rt> 定义 ruby 注释的解释。 5</p><p><ruby> 定义 ruby 注释。 5</p><p><s> HTML 5 中不支持。定义加删除线的文本。 4</p><p><samp> 定义样本计算机代码。 4 5</p><p><script> 定义脚本。 4 5</p><p><section> 定义 section。 5</p><p><select> 定义可选列表。 4 5</p><p><small> 定义小号文本。 4 5</p><p><source> 定义媒介源。 5</p><p><span> 定义文档中的 section。 4 5</p><p><strike> HTML 5 中不支持。定义加删除线的文本。 4</p><p><strong> 定义强调文本。 4 5</p><p><style> 定义样式定义。 4 5</p><p><sub> 定义下标文本。 4 5</p><p><summary> 定义 details 元素的标题。 5</p><p><sup> 定义上标文本。 4 5</p><p><table> 定义表格。 4 5</p><p><tbody> 定义表格的主体。 4 5</p><p><td> 定义表格单元。 4 5</p><p><textarea> 定义 textarea。 4 5</p><p><tfoot> 定义表格的脚注。 4 5</p><p><th> 定义表头。 4 5</p><p><thead> 定义表头。 4 5</p><p>文/丁向明</p><p>做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833</p><p class='syl-line-pure-english'>http://dingxiangming.com</p></div>
<div class="info-share-box clearfix">
<div class="fl">
<p class="tags"><strong>Tags：</strong><a href="http://www.nixiaole.com/tags-209.html" title="查看更多有关于“fieldset标签用法”的内容" rel="tag" target="_blank">fieldset标签用法</a></p>
</div>
<div class="fr">
<div class="info-share">
<div class="social-share" data-initialized="true">
<a href="#" class="social-share-icon iconfont icon-weibo"></a>
<a href="#" class="social-share-icon iconfont icon-qq"></a>
<a href="#" class="social-share-icon iconfont icon-wechat"></a>
<a href="#" class="social-share-icon iconfont icon-qzone"></a>
</div>
</div>
<script src="http://www.nixiaole.com/zb_users/theme/txcms2/script/social-share.min.js"></script>
</div>
</div>
</div>
<div class="sx mb15">
<ul>
<li class="fl">上一篇： <a href="http://www.nixiaole.com/post/4873.html" title="HTML5常用标签大全">HTML5常用标签大全</a>
</li>
<li class="fr ziyou">下一篇： <a href="http://www.nixiaole.com/post/4875.html" title="html5简介、选项输入框、表单元素分组、input新增属性及属性值">html5简介、选项输入框、表单元素分组、input新增属性及属性值</a>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="xg">
<h2 class="ybbt">猜你喜欢</h2>
<ul>
<li><span class="">2025-03-13</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4877.html" title="Django+SimpleUI快速开发指南">Django+SimpleUI快速开发指南</a></li>
<li><span class="">2025-03-13</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4876.html" title="Web前端开发技术智慧树">Web前端开发技术智慧树</a></li>
<li><span class="">2025-03-13</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4875.html" title="html5简介、选项输入框、表单元素分组、input新增属性及属性值">html5简介、选项输入框、表单元素分组、input新增属性及属性值</a></li>
<li><span class="">2025-03-13</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4873.html" title="HTML5常用标签大全">HTML5常用标签大全</a></li>
<li><span class="">2025-03-13</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4872.html" title="Web前端开发中应该遵循的15项编程原则，收藏吧">Web前端开发中应该遵循的15项编程原则，收藏吧</a></li>
</ul>
</div>
</div>
</div>
<div class="right fr sjwu">
<dl class="wupd">
<div class="notice">
<div class="tab-hd">
<ul class="tab-nav">
<li class="on"><a href="javascript:;">最新文章</a></li>
<li><a href="javascript:;">热门文章</a></li>
<li><a href="javascript:;" class="wux">推荐文章</a></li>
</ul>
</div>
<div class="tab-bd">
<div class="tab-pal" style="display:block">
<ul>
<li><span class="fr zuo10">07-06</span><a href="http://www.nixiaole.com/post/6770.html" title="jQuery EasyUI使用教程:创建展开行详细编辑表单的CRUD应用" target="_blank">jQuery EasyUI使用教程:创建展开行详细编辑表单的CRUD应用</a></li>
<li><span class="fr zuo10">07-06</span><a href="http://www.nixiaole.com/post/6769.html" title="CSDN免登陆复制代码的几种方法（csdn扫码登录怎么实现的）" target="_blank">CSDN免登陆复制代码的几种方法（csdn扫码登录怎么实现的）</a></li>
<li><span class="fr zuo10">07-06</span><a href="http://www.nixiaole.com/post/6768.html" title="LayUi提高-Select控件使用（layui form select）" target="_blank">LayUi提高-Select控件使用（layui form select）</a></li>
<li><span class="fr zuo10">07-06</span><a href="http://www.nixiaole.com/post/6767.html" title="用 Playwright MCP 让 AI 改它自己写的屎山代码" target="_blank">用 Playwright MCP 让 AI 改它自己写的屎山代码</a></li>
<li><span class="fr zuo10">07-06</span><a href="http://www.nixiaole.com/post/6766.html" title="multiple-select.js中手动设置全选和取消全选" target="_blank">multiple-select.js中手动设置全选和取消全选</a></li>
<li><span class="fr zuo10">07-06</span><a href="http://www.nixiaole.com/post/6765.html" title="前端实现右键自定义菜单（html 自定义右键菜单）" target="_blank">前端实现右键自定义菜单（html 自定义右键菜单）</a></li>
<li><span class="fr zuo10">07-06</span><a href="http://www.nixiaole.com/post/6764.html" title="JavaScript脚本如何断言select下拉框的元素内容?" target="_blank">JavaScript脚本如何断言select下拉框的元素内容?</a></li>
<li><span class="fr zuo10">07-06</span><a href="http://www.nixiaole.com/post/6763.html" title="广州蓝景分享—实用的CSS技巧，助你成为更好的前端开发者" target="_blank">广州蓝景分享—实用的CSS技巧，助你成为更好的前端开发者</a></li>
</ul>
</div>
<div class="tab-pal">
<ul>
<li><span class="fr zuo10">487℃</span><a href="http://www.nixiaole.com/post/2343.html" title="街舞3肖杰个人资料 老婆汪莹珠也太美了儿子竟然这么大" target="_blank">街舞3肖杰个人资料 老婆汪莹珠也太美了儿子竟然这么大</a></li>
<li><span class="fr zuo10">218℃</span><a href="http://www.nixiaole.com/post/3780.html" title="wps文字:文档中的图片设置居中对齐后为什么还是无法居中?" target="_blank">wps文字:文档中的图片设置居中对齐后为什么还是无法居中?</a></li>
<li><span class="fr zuo10">198℃</span><a href="http://www.nixiaole.com/post/3109.html" title="卡贴机移动联通卡激活教程" target="_blank">卡贴机移动联通卡激活教程</a></li>
<li><span class="fr zuo10">195℃</span><a href="http://www.nixiaole.com/post/3116.html" title="iPhone Xs Max 升级iOS16.1的优缺点，看完再决定是否升级" target="_blank">iPhone Xs Max 升级iOS16.1的优缺点，看完再决定是否升级</a></li>
<li><span class="fr zuo10">191℃</span><a href="http://www.nixiaole.com/post/1483.html" title="Android常用布局总结之(LinearLayout、GridLayout等4种)" target="_blank">Android常用布局总结之(LinearLayout、GridLayout等4种)</a></li>
<li><span class="fr zuo10">175℃</span><a href="http://www.nixiaole.com/post/3099.html" title="视频解析需要这几个网站 视频解析网站是什么" target="_blank">视频解析需要这几个网站 视频解析网站是什么</a></li>
<li><span class="fr zuo10">156℃</span><a href="http://www.nixiaole.com/post/1245.html" title="纯干货真诚无套路——一份高品质皮衣选购指南" target="_blank">纯干货真诚无套路——一份高品质皮衣选购指南</a></li>
<li><span class="fr zuo10">149℃</span><a href="http://www.nixiaole.com/post/1070.html" title="JSON.parse 的6大特性" target="_blank">JSON.parse 的6大特性</a></li>
</ul>
</div>
<div class="tab-pal">
<ul>
</ul>
</div>
</div>
</div>
</dl>
<dl class="function" id="divPrevious">
<dt class="function_t">最近发表</dt><dd class="function_c">
<ul><li><a title="jQuery EasyUI使用教程:创建展开行详细编辑表单的CRUD应用" href="http://www.nixiaole.com/post/6770.html">jQuery EasyUI使用教程:创建展开行详细编辑表单的CRUD应用</a></li>
<li><a title="CSDN免登陆复制代码的几种方法（csdn扫码登录怎么实现的）" href="http://www.nixiaole.com/post/6769.html">CSDN免登陆复制代码的几种方法（csdn扫码登录怎么实现的）</a></li>
<li><a title="LayUi提高-Select控件使用（layui form select）" href="http://www.nixiaole.com/post/6768.html">LayUi提高-Select控件使用（layui form select）</a></li>
<li><a title="用 Playwright MCP 让 AI 改它自己写的屎山代码" href="http://www.nixiaole.com/post/6767.html">用 Playwright MCP 让 AI 改它自己写的屎山代码</a></li>
<li><a title="multiple-select.js中手动设置全选和取消全选" href="http://www.nixiaole.com/post/6766.html">multiple-select.js中手动设置全选和取消全选</a></li>
<li><a title="前端实现右键自定义菜单（html 自定义右键菜单）" href="http://www.nixiaole.com/post/6765.html">前端实现右键自定义菜单（html 自定义右键菜单）</a></li>
<li><a title="JavaScript脚本如何断言select下拉框的元素内容?" href="http://www.nixiaole.com/post/6764.html">JavaScript脚本如何断言select下拉框的元素内容?</a></li>
<li><a title="广州蓝景分享—实用的CSS技巧，助你成为更好的前端开发者" href="http://www.nixiaole.com/post/6763.html">广州蓝景分享—实用的CSS技巧，助你成为更好的前端开发者</a></li>
<li><a title="MyBatis-Plus码之重器 lambda 表达式使用指南,开发效率瞬间提升80%" href="http://www.nixiaole.com/post/6762.html">MyBatis-Plus码之重器 lambda 表达式使用指南,开发效率瞬间提升80%</a></li>
<li><a title="Go语言之select的使用和实现原理（go select case）" href="http://www.nixiaole.com/post/6761.html">Go语言之select的使用和实现原理（go select case）</a></li>
</ul>
</dd>
</dl>
<dl class="function" id="divTags">
<dt class="function_t">标签列表</dt><dd class="function_c">
<ul><li><a title="xml" href="http://www.nixiaole.com/tags-1.html">xml<span class="tag-count"> (46)</span></a></li>
<li><a title="css animation" href="http://www.nixiaole.com/tags-2.html">css animation<span class="tag-count"> (57)</span></a></li>
<li><a title="array_slice" href="http://www.nixiaole.com/tags-7.html">array_slice<span class="tag-count"> (60)</span></a></li>
<li><a title="htmlspecialchars" href="http://www.nixiaole.com/tags-10.html">htmlspecialchars<span class="tag-count"> (54)</span></a></li>
<li><a title="position: absolute" href="http://www.nixiaole.com/tags-12.html">position: absolute<span class="tag-count"> (54)</span></a></li>
<li><a title="datediff函数" href="http://www.nixiaole.com/tags-13.html">datediff函数<span class="tag-count"> (47)</span></a></li>
<li><a title="array_pop" href="http://www.nixiaole.com/tags-18.html">array_pop<span class="tag-count"> (49)</span></a></li>
<li><a title="jsmap" href="http://www.nixiaole.com/tags-19.html">jsmap<span class="tag-count"> (52)</span></a></li>
<li><a title="toggleclass" href="http://www.nixiaole.com/tags-21.html">toggleclass<span class="tag-count"> (43)</span></a></li>
<li><a title="console.time" href="http://www.nixiaole.com/tags-23.html">console.time<span class="tag-count"> (63)</span></a></li>
<li><a title=".sql" href="http://www.nixiaole.com/tags-27.html">.sql<span class="tag-count"> (41)</span></a></li>
<li><a title="ahref" href="http://www.nixiaole.com/tags-28.html">ahref<span class="tag-count"> (40)</span></a></li>
<li><a title="js json.parse" href="http://www.nixiaole.com/tags-32.html">js json.parse<span class="tag-count"> (59)</span></a></li>
<li><a title="html复选框" href="http://www.nixiaole.com/tags-33.html">html复选框<span class="tag-count"> (60)</span></a></li>
<li><a title="css 透明" href="http://www.nixiaole.com/tags-34.html">css 透明<span class="tag-count"> (44)</span></a></li>
<li><a title="css 颜色" href="http://www.nixiaole.com/tags-37.html">css 颜色<span class="tag-count"> (47)</span></a></li>
<li><a title="php replace" href="http://www.nixiaole.com/tags-38.html">php replace<span class="tag-count"> (41)</span></a></li>
<li><a title="css nth-child" href="http://www.nixiaole.com/tags-39.html">css nth-child<span class="tag-count"> (48)</span></a></li>
<li><a title="min-height" href="http://www.nixiaole.com/tags-44.html">min-height<span class="tag-count"> (40)</span></a></li>
<li><a title="xml schema" href="http://www.nixiaole.com/tags-46.html">xml schema<span class="tag-count"> (44)</span></a></li>
<li><a title="css 最后一个元素" href="http://www.nixiaole.com/tags-47.html">css 最后一个元素<span class="tag-count"> (46)</span></a></li>
<li><a title="location.origin" href="http://www.nixiaole.com/tags-51.html">location.origin<span class="tag-count"> (44)</span></a></li>
<li><a title="table border" href="http://www.nixiaole.com/tags-54.html">table border<span class="tag-count"> (49)</span></a></li>
<li><a title="html tr" href="http://www.nixiaole.com/tags-56.html">html tr<span class="tag-count"> (40)</span></a></li>
<li><a title="video controls" href="http://www.nixiaole.com/tags-64.html">video controls<span class="tag-count"> (49)</span></a></li>
</ul>
</dd>
</dl> </div>
<div class="clear"></div>
</div>
<div class="footer">
<div class="zh">
</div>
</div>
<div class="fixed-right">
<a href="javascript:;" class="gotop bgb" title="回到顶部"><i class="fa fa-chevron-up"></i></a>
</div>
<script src="http://www.nixiaole.com/zb_users/theme/txcms2/script/txcstx.min.js?v=2024-09-18"></script>
</body>
</html><!--246.99 ms , 13 queries , 3157kb memory , 0 error-->