优秀的编程知识分享平台

网站首页 > 技术文章 正文

html5学得好不好,看掌握多少标签

nanyue 2025-03-25 16:02:55 技术文章 32 ℃

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

HTML 5 中不支持。定义 applet。 4

定义图像映射中的区域。 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.nanyuegpt.com/tags-988.html" title="查看更多有关于“html5新增标签有哪些”的内容" rel="tag" target="_blank">html5新增标签有哪些</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.nanyuegpt.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.nanyuegpt.com/post/25258.html" title="html5简介、选项输入框、表单元素分组、input新增属性及属性值">html5简介、选项输入框、表单元素分组、input新增属性及属性值</a> </li> <li class="fr ziyou">下一篇: <a href="http://www.nanyuegpt.com/post/25260.html" title="广州新嘉华学:html5中的nav、article等标签用处">广州新嘉华学:html5中的nav、article等标签用处</a> </li> <div class="clear"></div> </ul> </div> <div class="xg"> <h2 class="ybbt">猜你喜欢</h2> <ul> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25266.html" title="HTML5中video标签如何使用(html中video标签添加属性)">HTML5中video标签如何使用(html中video标签添加属性)</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25265.html" title="Web前端干货!30道Web前端面试题精选,你会几个?">Web前端干货!30道Web前端面试题精选,你会几个?</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25264.html" title="HTML5 header标签的定义与规定(html中header标签的作用)">HTML5 header标签的定义与规定(html中header标签的作用)</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25263.html" title="HTML面试题:HTML5 有哪些新特性(html5的八大特性)">HTML面试题:HTML5 有哪些新特性(html5的八大特性)</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25262.html" title="HTML5 零基础完全教程-7-HTML5 语义化标签">HTML5 零基础完全教程-7-HTML5 语义化标签</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25261.html" title="HTML5学习笔记三:HTML5语法规则(html5语言基础)">HTML5学习笔记三:HTML5语法规则(html5语言基础)</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25260.html" title="广州新嘉华学:html5中的nav、article等标签用处">广州新嘉华学:html5中的nav、article等标签用处</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25258.html" title="html5简介、选项输入框、表单元素分组、input新增属性及属性值">html5简介、选项输入框、表单元素分组、input新增属性及属性值</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25257.html" title="HTML5教程从入门到精通,随堂笔记(二)H5的form标签">HTML5教程从入门到精通,随堂笔记(二)H5的form标签</a></li> <li><span class="">2025-03-25</span><i class="fa fa-caret-right"></i> <a href="http://www.nanyuegpt.com/post/25256.html" title="HTML5文档头部相关标签怎样使用?(html5header标签)">HTML5文档头部相关标签怎样使用?(html5header标签)</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">10-02</span><a href="http://www.nanyuegpt.com/post/29179.html" title="基于深度学习的铸件缺陷检测_如何控制和检测铸件缺陷?有缺陷铸件如何处置?" target="_blank">基于深度学习的铸件缺陷检测_如何控制和检测铸件缺陷?有缺陷铸件如何处置?</a></li> <li><span class="fr zuo10">10-02</span><a href="http://www.nanyuegpt.com/post/29178.html" title="Linux Mint 22.1 Cinnamon Edition 搭建深度学习环境" target="_blank">Linux Mint 22.1 Cinnamon Edition 搭建深度学习环境</a></li> <li><span class="fr zuo10">10-02</span><a href="http://www.nanyuegpt.com/post/29177.html" title="AWD-LSTM语言模型是如何实现的_lstm语言模型" target="_blank">AWD-LSTM语言模型是如何实现的_lstm语言模型</a></li> <li><span class="fr zuo10">10-02</span><a href="http://www.nanyuegpt.com/post/29176.html" title="NVIDIA Jetson Nano 2GB 系列文章(53):TAO模型训练工具简介" target="_blank">NVIDIA Jetson Nano 2GB 系列文章(53):TAO模型训练工具简介</a></li> <li><span class="fr zuo10">10-02</span><a href="http://www.nanyuegpt.com/post/29175.html" title="使用ONNX和Torchscript加快推理速度的测试" target="_blank">使用ONNX和Torchscript加快推理速度的测试</a></li> <li><span class="fr zuo10">10-02</span><a href="http://www.nanyuegpt.com/post/29174.html" title="tensorflow GPU环境安装踩坑日记_tensorflow配置gpu环境" target="_blank">tensorflow GPU环境安装踩坑日记_tensorflow配置gpu环境</a></li> <li><span class="fr zuo10">10-02</span><a href="http://www.nanyuegpt.com/post/29173.html" title="Keye-VL-1.5-8B 快手 Keye-VL— 腾讯云两卡 32GB GPU保姆级部署指南" target="_blank">Keye-VL-1.5-8B 快手 Keye-VL— 腾讯云两卡 32GB GPU保姆级部署指南</a></li> <li><span class="fr zuo10">10-02</span><a href="http://www.nanyuegpt.com/post/29172.html" title="Gateway_gateways" target="_blank">Gateway_gateways</a></li> </ul> </div> <div class="tab-pal"> <ul> <li><span class="fr zuo10">1585℃</span><a href="http://www.nanyuegpt.com/post/23583.html" title="桌面软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具" target="_blank">桌面软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具</a></li> <li><span class="fr zuo10">884℃</span><a href="http://www.nanyuegpt.com/post/25252.html" title="Dify工具使用全场景:dify-sandbox沙盒的原理(源码篇·第2期)" target="_blank">Dify工具使用全场景:dify-sandbox沙盒的原理(源码篇·第2期)</a></li> <li><span class="fr zuo10">481℃</span><a href="http://www.nanyuegpt.com/post/23254.html" title="C# Winform 中统一处理未捕获的异常信息" target="_blank">C# Winform 中统一处理未捕获的异常信息</a></li> <li><span class="fr zuo10">480℃</span><a href="http://www.nanyuegpt.com/post/23406.html" title="直播抽中金条到手是道具?奖品兑奖难如登天" target="_blank">直播抽中金条到手是道具?奖品兑奖难如登天</a></li> <li><span class="fr zuo10">455℃</span><a href="http://www.nanyuegpt.com/post/24681.html" title="Linux系统LOG日志分析与管理(一)" target="_blank">Linux系统LOG日志分析与管理(一)</a></li> <li><span class="fr zuo10">447℃</span><a href="http://www.nanyuegpt.com/post/28665.html" title="【C语言·003】基本数据类型的字节表示与取值范围边界" target="_blank">【C语言·003】基本数据类型的字节表示与取值范围边界</a></li> <li><span class="fr zuo10">430℃</span><a href="http://www.nanyuegpt.com/post/24679.html" title="Linux服务器查看ip、端口、内存的方法!" target="_blank">Linux服务器查看ip、端口、内存的方法!</a></li> <li><span class="fr zuo10">428℃</span><a href="http://www.nanyuegpt.com/post/24708.html" title="MinIO分布式存储(从0到Vue+SpringBoot整合开发)" target="_blank">MinIO分布式存储(从0到Vue+SpringBoot整合开发)</a></li> </ul> </div> <div class="tab-pal"> <ul> <li><span class="fr zuo10">30℃</span><a href="http://www.nanyuegpt.com/post/29179.html" title="基于深度学习的铸件缺陷检测_如何控制和检测铸件缺陷?有缺陷铸件如何处置?" target="_blank">基于深度学习的铸件缺陷检测_如何控制和检测铸件缺陷?有缺陷铸件如何处置?</a></li> </ul> </div> </div> </div> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="基于深度学习的铸件缺陷检测_如何控制和检测铸件缺陷?有缺陷铸件如何处置?" href="http://www.nanyuegpt.com/post/29179.html">基于深度学习的铸件缺陷检测_如何控制和检测铸件缺陷?有缺陷铸件如何处置?</a></li> <li><a title="Linux Mint 22.1 Cinnamon Edition 搭建深度学习环境" href="http://www.nanyuegpt.com/post/29178.html">Linux Mint 22.1 Cinnamon Edition 搭建深度学习环境</a></li> <li><a title="AWD-LSTM语言模型是如何实现的_lstm语言模型" href="http://www.nanyuegpt.com/post/29177.html">AWD-LSTM语言模型是如何实现的_lstm语言模型</a></li> <li><a title="NVIDIA Jetson Nano 2GB 系列文章(53):TAO模型训练工具简介" href="http://www.nanyuegpt.com/post/29176.html">NVIDIA Jetson Nano 2GB 系列文章(53):TAO模型训练工具简介</a></li> <li><a title="使用ONNX和Torchscript加快推理速度的测试" href="http://www.nanyuegpt.com/post/29175.html">使用ONNX和Torchscript加快推理速度的测试</a></li> <li><a title="tensorflow GPU环境安装踩坑日记_tensorflow配置gpu环境" href="http://www.nanyuegpt.com/post/29174.html">tensorflow GPU环境安装踩坑日记_tensorflow配置gpu环境</a></li> <li><a title="Keye-VL-1.5-8B 快手 Keye-VL— 腾讯云两卡 32GB GPU保姆级部署指南" href="http://www.nanyuegpt.com/post/29173.html">Keye-VL-1.5-8B 快手 Keye-VL— 腾讯云两卡 32GB GPU保姆级部署指南</a></li> <li><a title="Gateway_gateways" href="http://www.nanyuegpt.com/post/29172.html">Gateway_gateways</a></li> <li><a title="Coze开源本地部署教程_开源canopen" href="http://www.nanyuegpt.com/post/29171.html">Coze开源本地部署教程_开源canopen</a></li> <li><a title="扣子开源本地部署教程 丨Coze智能体小白喂饭级指南" href="http://www.nanyuegpt.com/post/29170.html">扣子开源本地部署教程 丨Coze智能体小白喂饭级指南</a></li> </ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="cmd/c" href="http://www.nanyuegpt.com/tags-1.html">cmd/c<span class="tag-count"> (90)</span></a></li> <li><a title="c++中::是什么意思" href="http://www.nanyuegpt.com/tags-18.html">c++中::是什么意思<span class="tag-count"> (84)</span></a></li> <li><a title="标签用于" href="http://www.nanyuegpt.com/tags-20.html">标签用于<span class="tag-count"> (71)</span></a></li> <li><a title="主键只能有一个吗" href="http://www.nanyuegpt.com/tags-22.html">主键只能有一个吗<span class="tag-count"> (77)</span></a></li> <li><a title="c#console.writeline不显示" href="http://www.nanyuegpt.com/tags-26.html">c#console.writeline不显示<span class="tag-count"> (95)</span></a></li> <li><a title="pythoncase语句" href="http://www.nanyuegpt.com/tags-38.html">pythoncase语句<span class="tag-count"> (88)</span></a></li> <li><a title="es6includes" href="http://www.nanyuegpt.com/tags-39.html">es6includes<span class="tag-count"> (74)</span></a></li> <li><a title="sqlset" href="http://www.nanyuegpt.com/tags-40.html">sqlset<span class="tag-count"> (76)</span></a></li> <li><a title="apt-getinstall-y" href="http://www.nanyuegpt.com/tags-48.html">apt-getinstall-y<span class="tag-count"> (100)</span></a></li> <li><a title="node_modules怎么生成" href="http://www.nanyuegpt.com/tags-54.html">node_modules怎么生成<span class="tag-count"> (87)</span></a></li> <li><a title="chromepost" href="http://www.nanyuegpt.com/tags-60.html">chromepost<span class="tag-count"> (71)</span></a></li> <li><a title="flexdirection" href="http://www.nanyuegpt.com/tags-62.html">flexdirection<span class="tag-count"> (73)</span></a></li> <li><a title="c++int转char" href="http://www.nanyuegpt.com/tags-65.html">c++int转char<span class="tag-count"> (80)</span></a></li> <li><a title="mysqlany_value" href="http://www.nanyuegpt.com/tags-74.html">mysqlany_value<span class="tag-count"> (79)</span></a></li> <li><a title="static函数和普通函数" href="http://www.nanyuegpt.com/tags-84.html">static函数和普通函数<span class="tag-count"> (84)</span></a></li> <li><a title="el-date-picker开始日期早于结束日期" href="http://www.nanyuegpt.com/tags-85.html">el-date-picker开始日期早于结束日期<span class="tag-count"> (76)</span></a></li> <li><a title="js判断是否是json字符串" href="http://www.nanyuegpt.com/tags-132.html">js判断是否是json字符串<span class="tag-count"> (75)</span></a></li> <li><a title="c语言min函数头文件" href="http://www.nanyuegpt.com/tags-175.html">c语言min函数头文件<span class="tag-count"> (77)</span></a></li> <li><a title="asynccallback" href="http://www.nanyuegpt.com/tags-176.html">asynccallback<span class="tag-count"> (87)</span></a></li> <li><a title="localstorage.removeitem" href="http://www.nanyuegpt.com/tags-237.html">localstorage.removeitem<span class="tag-count"> (74)</span></a></li> <li><a title="vector线程安全吗" href="http://www.nanyuegpt.com/tags-252.html">vector线程安全吗<span class="tag-count"> (70)</span></a></li> <li><a title="java" href="http://www.nanyuegpt.com/tags-297.html">java<span class="tag-count"> (73)</span></a></li> <li><a title="js数组插入" href="http://www.nanyuegpt.com/tags-468.html">js数组插入<span class="tag-count"> (83)</span></a></li> <li><a title="mac安装java" href="http://www.nanyuegpt.com/tags-578.html">mac安装java<span class="tag-count"> (72)</span></a></li> <li><a title="无效的列索引" href="http://www.nanyuegpt.com/tags-711.html">无效的列索引<span class="tag-count"> (74)</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.nanyuegpt.com/zb_users/theme/txcms2/script/txcstx.min.js?v=2025-04-27"></script> </body> </html><!--206.37 ms , 15 queries , 3573kb memory , 0 error-->