HTML5常用标签大全.docx
《HTML5常用标签大全.docx》由会员分享，可在线阅读，更多相关《HTML5常用标签大全.docx（5页珍藏版）》请在冰豆网上搜索。
HTML5常用标签大全
LT
//不赞成使用。
定义加删除线的文本。
//定义计算机代码样本。
//定义小号文本。
定义加删除线文本。
//定义语气更为强烈的强调文本。
//定义上标文本。
//定义下标文本。
//定义日期/时间。
//定义打字机文本。
定义下划线文本。
//定义文本的变量部分。
//定义视频。
表单
//定义输入控件。
//定义多行的文本输入控件。</p><p><button>//定义按钮。</p><p><select>//定义选择列表（下拉列表）。</p><p><optgroup>//定义选择列表中相关选项的组合。</p><p><option>//定义选择列表中的选项。</p><p><label>//定义input元素的标注。</p><p><fieldset>//定义围绕表单中元素的边框。</p><p><legend>//定义fieldset元素的标题。</p><p><isindex>//不赞成使用。</p><p>定义与文档相关的可搜索索引。</p><p><datalist>//定义下拉列表。</p><p><keygen>//定义生成密钥。</p><p><output>//定义输出的一些类型。</p><p>框架</p><p><frame>//定义框架集的窗口或框架。</p><p><frameset>//定义框架集。</p><p><noframes>//定义针对不支持框架的用户的替代内容。</p><p><iframe>//定义内联框架。</p><p>图像</p><p><img>//定义图像。</p><p><map>//定义图像映射。</p><p><area>//定义图像地图内部的区域。</p><p><canvas>//定义图形。</p><p><figcaption>//定义figure元素的标题。</p><p><figure>//定义媒介内容的分组，以及它们的标题。</p><p>音频/视频</p><p><audio>//定义声音内容。</p><p><source>//定义媒介源。</p><p><track>//定义用在媒体播放器中的文本轨道。</p><p><video>//定义视频。</p><p>链接</p><p><a>//定义锚。</p><p><link>//定义文档与外部资源的关系。</p><p><nav>//定义导航链接。</p><p>列表</p><p><ul>//定义无序列表。</p><p><ol>//定义有序列表。</p><p><li>//定义列表的项目。</p><p><dir>//不赞成使用。</p><p>定义目录列表。</p><p><dl>//定义定义列表。</p><p><dt>//定义定义列表中的项目。</p><p><dd>//定义定义列表中项目的描述。</p><p><menu>//定义命令的菜单/列表。</p><p><menuitem>//定义用户可以从弹出菜单调用的命令/菜单项目。</p><p><command>//定义命令按钮。</p><p>表格</p><p><table>//定义表格</p><p><caption>//定义表格标题。</p><p><th>//定义表格中的表头单元格。</p><p><tr>//定义表格中的行。</p><p><td>//定义表格中的单元。</p><p><thead>//定义表格中的表头内容。</p><p><tbody>//定义表格中的主体内容。</p><p><tfoot>//定义表格中的表注内容（脚注）。</p><p><col>//定义表格中一个或多个列的属性值。</p><p><colgroup>//定义表格中供格式化的列组。</p><p>样式/节</p><p><style>//定义文档的样式信息。</p><p><div>//定义文档中的节。</p><p><span>//定义文档中的节。</p><p><header>//定义section或page的页眉。</p><p><footer>//定义section或page的页脚。</p><p><section>//定义section。</p><p><article>//定义文章。</p><p><aside>//定义页面内容之外的内容。</p><p><details>//定义元素的细节。</p><p><dialog>//定义对话框或窗口。</p><p><summary>//为<details>元素定义可见的标题。</p><p>元信息</p><p><head>//定义关于文档的信息。</p><p><meta>//定义关于HTML文档的元信息。</p><p><base>//定义页面中所有链接的默认地址或默认目标。</p><p><basefont>//不赞成使用。</p><p>定义页面中文本的默认字体、颜色或尺寸。</p><p>编程</p><p><script>//定义客户端脚本。</p><p><noscript>//定义针对不支持客户端脚本的用户的替代内容。</p><p><applet>//不赞成使用。</p><p>定义嵌入的applet。</p><p><embed>//为外部应用程序（非HTML）定义容器。</p><p><object>//定义嵌入的对象。</p><p><param>//定义对象的参数。</p><p></p> </div> <div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div> <script> function showmore() { $(".readmore").hide(); $(".detail-article").css({ "height":"auto", "overflow": "hidden" }); } $(document).ready(function() { var dh = $(".detail-article").height(); if(dh >100) { $(".detail-article").css({ "height":"100px", "overflow": "hidden" }); } else { $(".readmore").hide(); } }); </script> </div> <script> var defaultShowPage = parseInt("5"); var id = "11819358"; var total_page = "5"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/11819358.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </script> <div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873335.html" title="颈椎手术的围手术期护理PPT课件.pptx">颈椎手术的围手术期护理PPT课件.pptx</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873299.html" title="电子百拼-小学第三课：各种各样的开关.pptx">电子百拼-小学第三课：各种各样的开关.pptx</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873267.html" title="测绘项目验收报告模板(建文).doc">测绘项目验收报告模板(建文).doc</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873256.html" title="《C语言程序设计》教案 ..doc">《C语言程序设计》教案 ..doc</a> </li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873250.html" title="职业中专《计算机网络技术》教学案-王协瑞.doc">职业中专《计算机网络技术》教学案-王协瑞.doc</a> </li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873248.html" title="电子百拼-小学第七课_导体和绝缘体.pptx">电子百拼-小学第七课_导体和绝缘体.pptx</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873237.html" title="石群邱关源电路课件(第1至7单元)白底.ppt">石群邱关源电路课件(第1至7单元)白底.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873226.html" title="《美术鉴赏》课件PPT.ppt">《美术鉴赏》课件PPT.ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873212.html" title="人体解剖生理学(全套课件上册).ppt">人体解剖生理学(全套课件上册).ppt</a> </li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30873211.html" title="人体解剖生理学(全套下册)课件PPT.ppt">人体解剖生理学(全套下册)课件PPT.ppt</a> </li> </ul> </div> </div> <div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807214.html" target="_parent" title="浙江省中考科学试题分类汇编计算题.docx">浙江省中考科学试题分类汇编计算题.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807215.html" target="_parent" title="续签劳动合同申请书.docx">续签劳动合同申请书.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807216.html" target="_parent" title="绩效工资考核分配实施方案 2.docx">绩效工资考核分配实施方案 2.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807217.html" target="_parent" title="安全现状评价报告内容.docx">安全现状评价报告内容.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807218.html" target="_parent" title="从零实现3D图像引擎12构建支持欧拉和UVN的相机系统.docx">从零实现3D图像引擎12构建支持欧拉和UVN的相机系统.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807219.html" target="_parent" title="电气试验工技师试题库.docx">电气试验工技师试题库.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807220.html" target="_parent" title="古诗文名言警句大全之令狐文艳创作.docx">古诗文名言警句大全之令狐文艳创作.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807221.html" target="_parent" title="语文教学方法指导.docx">语文教学方法指导.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/3807222.html" target="_parent" title="装饰工程组织架构管理项目架构.docx">装饰工程组织架构管理项目架构.docx</a></li> </ul> </div> </div> <div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;"> 相关搜索</div> <div class="widget-box pt0" style="border: none; padding:0px 5px;"> <ul class="taglist--inline multi"> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=HTML5">HTML5</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%b8%b8%e7%94%a8">常用</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%a0%87%e7%ad%be">标签</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%a4%a7%e5%85%a8">大全</a></li> </ul> </div> <br /> <div > 当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> > <a href="https://m.bdocx.com/booklist-00008.html">PPT模板</a><span> > </span><a href="https://m.bdocx.com/booklist-0000800013.html">其它模板</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=55XTMaPn9SpPaqyqoEWdxg%3d%3d&parto=P%2bcowDjufTdml8%2bhllGJelJRmpo%2bwbLHOvKiIkgHrfUEEwZ3vwPzkz5idZzdOfL1Eikyhj7wDrUjaFCp6BYtSN3MF0EFO092eOPESTbuRVNgtFCfC5GE67G39tIbvL7oibHo%2bLOUMuHaNG7J83pX3dDsCro3LNs%2b%2f%2flHhvJQ9NYnNnMjpSJewci6bbnUpWiZQ92CFDrWr0SvkYzxNun0uZ8uywa5JezU" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div> <span id="LabelScript"></span> <script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script> </form> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div class="siteInner"> <p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script><script>(function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window)</script> </div> </div> <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; "> <div class="trlogoside" id="navlogo" style="display: none;"> <a href="https://m.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.png" alt="冰豆网"></a> <div class="trnavclose" id="navclose"> <span></span> </div> </div> <div class="navcontainer"> <div class="row"> <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> <li><a target="_parent"href="https://m.bdocx.com/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.bdocx.com/">首页 </a></li> <li><a target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li> <li><a target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li> <li><a target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li> <li><a target="_parent"href="https://m.bdocx.com/h-0.html">帮助中心 </a></li> </ul> </div> </div> </div> <script type="text/javascript"> function stopPropagation(e) { var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); } else if (window.event) { window.event.cancelBubble = true;//兼容IE } } $("#navmore").click(function (e) { $("#navcontent").show(); $("#navlogo").show(); stopPropagation(e); var navcontentwidth = $("#navcontent").width(); $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' }); $("#navcontent").show().animate({ "right": 0 }, 300); }); $(document).bind('click', function () { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); $("#navcontent").click(function (e) { stopPropagation(e); }); $("#navclose").click(function (e) { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); </script> <script> function BaseShare(title, desc, imgUrl) { var link = "https://m.bdocx.com/doc/11819358.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1726746134', // 必填，生成签名的时间戳 nonceStr: '19BC916108FC6938F52CB96F7E087941', // 必填，生成签名的随机串 signature: '1eb322463bc3a1dcce742cc7c9912a7430b8a8ec',// 必填，签名，见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } function BaseShare(title, desc, imgUrl, link) { if (link=="") link = "https://m.bdocx.com/doc/11819358.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识 timestamp: '1726746134', // 必填，生成签名的时间戳 nonceStr: '19BC916108FC6938F52CB96F7E087941', // 必填，生成签名的随机串 signature: '1eb322463bc3a1dcce742cc7c9912a7430b8a8ec',// 必填，签名，见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } </script> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.bdocx.com/header.aspx"; $.get(url + "?t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } }); })(i); } }); </script> <script src="https://mstatic.bdocx.com/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>