程序员的知识教程库

网站首页 > 教程分享正文

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

henian88 2025-02-24 16:30:14 教程分享 17 ℃ 0 评论

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
定义日期/时间。 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> 定义预格式化文本。 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.henian88.com/tags-628.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.henian88.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.henian88.com/post/16191.html" title="和无用代码说再见!阿里文娱无损代码覆盖率统计方案">和无用代码说再见!阿里文娱无损代码覆盖率统计方案</a> </li> <li class="fr ziyou">下一篇： <a href="http://www.henian88.com/post/16193.html" title="行内元素和块级元素-html教程">行内元素和块级元素-html教程</a> </li> <div class="clear"></div> </ul> </div> <div class="xg"> <h2 class="ybbt">猜你喜欢</h2> <ul> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16214.html" title="名校内卷新趋势:简历都穿在身上了，985、211真的拼到这一步?">名校内卷新趋势:简历都穿在身上了，985、211真的拼到这一步?</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16213.html" title="AOP知识点解析">AOP知识点解析</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16212.html" title="破解mdb密码的java程序">破解mdb密码的java程序</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16211.html" title="巧用工厂与模板方法模式，优化业务代码">巧用工厂与模板方法模式，优化业务代码</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16210.html" title="零基础学习HTML背景表单单选按钮复选框上传文件下拉列表">零基础学习HTML背景表单单选按钮复选框上传文件下拉列表</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16209.html" title="前端学习之路--重学开始 (一)">前端学习之路--重学开始 (一)</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16208.html" title="Python 爬虫库 urllib 使用详解">Python 爬虫库 urllib 使用详解</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16207.html" title="社交软件开发6-客户端开发-ios端开发验证登陆部分">社交软件开发6-客户端开发-ios端开发验证登陆部分</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16206.html" title="通义灵码体验">通义灵码体验</a></li> <li><span class="">2025-02-24</span><i class="fa fa-caret-right"></i> <a href="http://www.henian88.com/post/16205.html" title="一篇文章带你掌握性能测试工具——Jmeter">一篇文章带你掌握性能测试工具——Jmeter</a></li> </ul> </div> </div> <div id="comment" class="bgb pd15"> <div class="tx-comments"> <h4>本文暂时没有评论，来添加一个吧(●'◡'●)</h4> <label id="AjaxCommentBegin"></label>  <label id="AjaxCommentEnd"></label> </div>  <div class="post tx-comment" id="divCommentPost"> <h3><a href="javascript:;" id="cancel-reply" style="display:none;float:right;"><small>取消回复</small></a>欢迎 <span class="tx-red">你</span> 发表评论:</h3> <form id="frmSumbit" target="_self" method="post" action="http://www.henian88.com/zb_system/cmd.php?act=cmt&postid=16192&key=b7ce05574eb25309e7874ab1b0beafae" class="clearfix"> <input type="hidden" name="inpId" id="inpId" value="16192"> <input type="hidden" name="inpRevID" id="inpRevID" value="0"> <div class="tx-comment-box tx-comment-ul3"><input type="text" name="inpName" id="inpName" class="text" value="访客" tabindex="1" placeholder="名称(*)"> </div> <div class="tx-comment-box tx-comment-textarea"> <textarea name="txaArticle" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="欢迎在这里交流评论，但是垃圾评论不受欢迎！"></textarea> <input name="sumbit" type="submit" tabindex="6" value="提交" onclick="return zbp.comment.post()" class="button"> </div> </form> </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 f-red">05-14</span><a href="http://www.henian88.com/post/17731.html" title="C#开发串口通信实例及串口基础" target="_blank">C#开发串口通信实例及串口基础</a></li> <li><span class="fr zuo10 f-red">05-14</span><a href="http://www.henian88.com/post/17730.html" title="C#窗体多线程启动，暂停，继续，取消" target="_blank">C#窗体多线程启动，暂停，继续，取消</a></li> <li><span class="fr zuo10 f-red">05-14</span><a href="http://www.henian88.com/post/17729.html" title="DotNet 入门:(一)环境安装" target="_blank">DotNet 入门:(一)环境安装</a></li> <li><span class="fr zuo10 f-red">05-14</span><a href="http://www.henian88.com/post/17728.html" title="C#中使用命名管道进行进程通信的实例" target="_blank">C#中使用命名管道进行进程通信的实例</a></li> <li><span class="fr zuo10 f-red">05-14</span><a href="http://www.henian88.com/post/17727.html" title="使用C#编程判断某一年是否为闰年" target="_blank">使用C#编程判断某一年是否为闰年</a></li> <li><span class="fr zuo10 f-red">05-14</span><a href="http://www.henian88.com/post/17726.html" title="C#学习随笔—自定义控件(线，箭头等图形)" target="_blank">C#学习随笔—自定义控件(线，箭头等图形)</a></li> <li><span class="fr zuo10 f-red">05-14</span><a href="http://www.henian88.com/post/17725.html" title="UE4基础知识总结(三)" target="_blank">UE4基础知识总结(三)</a></li> <li><span class="fr zuo10 f-red">05-14</span><a href="http://www.henian88.com/post/17724.html" title="C#使用 WinForms 实现打印基础操作" target="_blank">C#使用 WinForms 实现打印基础操作</a></li> </ul> </div> <div class="tab-pal"> <ul> <li><span class="fr zuo10">299℃</span><a href="http://www.henian88.com/post/11493.html" title="接口自动化测试TestNG框架环境搭建" target="_blank">接口自动化测试TestNG框架环境搭建</a></li> <li><span class="fr zuo10">247℃</span><a href="http://www.henian88.com/post/102.html" title="一篇文章带你快速入门createjs（createjs教程）" target="_blank">一篇文章带你快速入门createjs（createjs教程）</a></li> <li><span class="fr zuo10">244℃</span><a href="http://www.henian88.com/post/11582.html" title="自动化运维开发日志: 升级到DC域控制器" target="_blank">自动化运维开发日志: 升级到DC域控制器</a></li> <li><span class="fr zuo10">240℃</span><a href="http://www.henian88.com/post/11533.html" title="HTML5+Java全栈开发培训从入门到精通需要多久?" target="_blank">HTML5+Java全栈开发培训从入门到精通需要多久?</a></li> <li><span class="fr zuo10">239℃</span><a href="http://www.henian88.com/post/11525.html" title="如何入门HTML5?看完这篇从小白变大牛!" target="_blank">如何入门HTML5?看完这篇从小白变大牛!</a></li> <li><span class="fr zuo10">235℃</span><a href="http://www.henian88.com/post/11556.html" title="网络编程零基础如何入门?10年老司机经验分享" target="_blank">网络编程零基础如何入门?10年老司机经验分享</a></li> <li><span class="fr zuo10">230℃</span><a href="http://www.henian88.com/post/11527.html" title="怎样才能自学好HTML5?(内附教程&书单)" target="_blank">怎样才能自学好HTML5?(内附教程&书单)</a></li> <li><span class="fr zuo10">227℃</span><a href="http://www.henian88.com/post/11526.html" title="HTML5教程从入门到精通，随堂笔记(一)HTML5框架结构" target="_blank">HTML5教程从入门到精通，随堂笔记(一)HTML5框架结构</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="C#开发串口通信实例及串口基础" href="http://www.henian88.com/post/17731.html">C#开发串口通信实例及串口基础</a></li> <li><a title="C#窗体多线程启动，暂停，继续，取消" href="http://www.henian88.com/post/17730.html">C#窗体多线程启动，暂停，继续，取消</a></li> <li><a title="DotNet 入门:(一)环境安装" href="http://www.henian88.com/post/17729.html">DotNet 入门:(一)环境安装</a></li> <li><a title="C#中使用命名管道进行进程通信的实例" href="http://www.henian88.com/post/17728.html">C#中使用命名管道进行进程通信的实例</a></li> <li><a title="使用C#编程判断某一年是否为闰年" href="http://www.henian88.com/post/17727.html">使用C#编程判断某一年是否为闰年</a></li> <li><a title="C#学习随笔—自定义控件(线，箭头等图形)" href="http://www.henian88.com/post/17726.html">C#学习随笔—自定义控件(线，箭头等图形)</a></li> <li><a title="UE4基础知识总结(三)" href="http://www.henian88.com/post/17725.html">UE4基础知识总结(三)</a></li> <li><a title="C#使用 WinForms 实现打印基础操作" href="http://www.henian88.com/post/17724.html">C#使用 WinForms 实现打印基础操作</a></li> <li><a title="鸿蒙开发:实现popup弹窗" href="http://www.henian88.com/post/17723.html">鸿蒙开发:实现popup弹窗</a></li> <li><a title="Python+Flet 实现简单的“扫码功能”，举一反三即可更实用" href="http://www.henian88.com/post/17722.html">Python+Flet 实现简单的“扫码功能”，举一反三即可更实用</a></li> </ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="css导航条" href="http://www.henian88.com/tags-24.html">css导航条<span class="tag-count"> (66)</span></a></li> <li><a title="sqlinsert" href="http://www.henian88.com/tags-36.html">sqlinsert<span class="tag-count"> (63)</span></a></li> <li><a title="js提交表单" href="http://www.henian88.com/tags-43.html">js提交表单<span class="tag-count"> (60)</span></a></li> <li><a title="param" href="http://www.henian88.com/tags-169.html">param<span class="tag-count"> (62)</span></a></li> <li><a title="parentelement" href="http://www.henian88.com/tags-203.html">parentelement<span class="tag-count"> (65)</span></a></li> <li><a title="jquery分享" href="http://www.henian88.com/tags-205.html">jquery分享<span class="tag-count"> (62)</span></a></li> <li><a title="check约束" href="http://www.henian88.com/tags-206.html">check约束<span class="tag-count"> (64)</span></a></li> <li><a title="curl_init" href="http://www.henian88.com/tags-209.html">curl_init<span class="tag-count"> (68)</span></a></li> <li><a title="sql if语句" href="http://www.henian88.com/tags-214.html">sql if语句<span class="tag-count"> (69)</span></a></li> <li><a title="import" href="http://www.henian88.com/tags-215.html">import<span class="tag-count"> (66)</span></a></li> <li><a title="chmod文件夹" href="http://www.henian88.com/tags-216.html">chmod文件夹<span class="tag-count"> (71)</span></a></li> <li><a title="clearinterval" href="http://www.henian88.com/tags-217.html">clearinterval<span class="tag-count"> (71)</span></a></li> <li><a title="pythonrange" href="http://www.henian88.com/tags-224.html">pythonrange<span class="tag-count"> (62)</span></a></li> <li><a title="数组长度" href="http://www.henian88.com/tags-255.html">数组长度<span class="tag-count"> (61)</span></a></li> <li><a title="javafx" href="http://www.henian88.com/tags-319.html">javafx<span class="tag-count"> (59)</span></a></li> <li><a title="全局消息钩子" href="http://www.henian88.com/tags-390.html">全局消息钩子<span class="tag-count"> (64)</span></a></li> <li><a title="sort排序" href="http://www.henian88.com/tags-392.html">sort排序<span class="tag-count"> (62)</span></a></li> <li><a title="jdbc" href="http://www.henian88.com/tags-408.html">jdbc<span class="tag-count"> (69)</span></a></li> <li><a title="php网页源码" href="http://www.henian88.com/tags-413.html">php网页源码<span class="tag-count"> (59)</span></a></li> <li><a title="assert h" href="http://www.henian88.com/tags-423.html">assert h<span class="tag-count"> (69)</span></a></li> <li><a title="httpclientjar" href="http://www.henian88.com/tags-434.html">httpclientjar<span class="tag-count"> (60)</span></a></li> <li><a title="postgresql conf" href="http://www.henian88.com/tags-444.html">postgresql conf<span class="tag-count"> (59)</span></a></li> <li><a title="winform开发" href="http://www.henian88.com/tags-447.html">winform开发<span class="tag-count"> (59)</span></a></li> <li><a title="mysql数字类型" href="http://www.henian88.com/tags-450.html">mysql数字类型<span class="tag-count"> (71)</span></a></li> <li><a title="drawimage" href="http://www.henian88.com/tags-462.html">drawimage<span class="tag-count"> (61)</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.henian88.com/zb_users/theme/txcms2/script/txcstx.min.js?v=2024-09-18"></script> </body> </html>