开发手册 欢迎您！
软件开发者资料库

HTML5 - 弃用标签 & 属性

HTML5不推荐使用的标签（元素）和属性 - 通过简单易用的步骤学习HTML 5，其中包含2D画布，音频，视频，新语义元素，地理位置，持久本地存储，Web存储，Web SQL，Forms 2.0，微数据和拖动等示例Drop，IndexedDB，Web消息传递，CORS，Web RTC，Canvas绘图矩形，Web存储，服务器发送事件，Web画布，Web工作者，幻灯片。

不推荐使用的标签

HTML5中不再提供以下元素，CSS可以更好地处理它们的功能;

标签(元素)描述
定义首字母缩略词
定义小程序
定义页面的基本字体.
定义大文
定义居中text
定义目录列表
定义文本字体，大小和颜色
定义一个框架
定义一组框架
定义单行输入字段
</td><td width="738">定义noframe部分</td></tr><tr><td style="word-break: break-all;" width="78"><s></td><td width="741">定义删除线文字</td></tr><tr><td style="word-break: break-all;" width="78"><strike></td><td width="741">定义striket hrough text</td></tr><tr><td style="word-break: break-all;" width="78"><tt></td><td width="741">定义电传文字</td></tr><tr><td style="word-break: break-all;" width="78"><u></td><td width="741">定义带下划线的文字</td></tr></tbody></table><h2>不推荐使用的属性</h2><p>HTML5没有HTML4中的表示属性，因为CSS可以更好地处理它们的功能. HTML5中的某些属性根本不再允许在HTML5中使用，并且它们已被完全删除.</p><p>以下是删除了属性及其相应的受影响标记(元素)的表格，即.永久删除这些属性的元素 :</p><table class="table table-bordered"><tbody><tr class="firstRow"><th width="30％">删除属性</th><th>从元素</th></tr><tr><td>rev</td><td>link，a</td></tr><tr><td>charset</td><td>link and a</td></tr><tr><td>shape</td><td>a</td></tr><tr><td>coords</td><td>a</td></tr><tr><td>longdesc</td><td>img和iframe.</td></tr><tr><td>target</td><td>link</td></tr><tr><td>nohref</td><td>area</td></tr><tr><td>profile</td><td>head</td></tr><tr><td style="word-break: break-all;">version</td><td>html</td></tr><tr><td style="word-break: break-all;">name</td><td>img</td></tr><tr><td style="word-break: break-all;">scheme</td><td>meta</td></tr><tr><td>archive</td><td>object</td></tr><tr><td>classid</td><td>object</td></tr><tr><td>codebase</td><td>object</td></tr><tr><td>codetype</td><td>object</td></tr><tr><td style="word-break: break-all;">standby</td><td style="word-break: break-all;">object</td></tr><tr><td style="word-break: break-all;"><span style="background-color: rgb(237, 245, 250);"></span>standby</td><td style="word-break: break-all;">object</td></tr><tr><td>valuetype</td><td>param</td></tr><tr><td>type</td><td>param</td></tr><tr><td>axis</td><td>td和t</td></tr><tr><td>abbr</td><td>td和t</td></tr><tr><td style="word-break: break-all;">scope</td><td>td</td></tr><tr><td>align</td><td style="word-break: break-all;">caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead and tr.</td></tr><tr><td>alink</td><td>body</td></tr><tr><td>link</td><td>body</td></tr><tr><td>vlink</td><td>body</td></tr><tr><td>text</td><td>body</td></tr><tr><td>background</td><td>body</td></tr><tr><td>bgcolor</td><td>table，tr，td，th和body.</td></tr><tr><td>border</td><td>table and object.</td></tr><tr><td>cellpadding</td><td>table</td></tr><tr><td>cellspacing</td><td>table</td></tr><tr><td>char</td><td>col，colgroup，tbody，td，tfoot，th，thead和tr.</td></tr><tr><td>charoff</td><td>col，colgroup，tbody，td，tfoot，th，thead和tr.</td></tr><tr><td>clear</td><td>br</td></tr><tr><td>compact</td><td>dl，menu，ol和ul.</td></tr><tr><td>frame</td><td>table</td></tr><tr><td>compact</td><td>dl，menu，ol和ul.</td></tr><tr><td>frame</td><td>table</td></tr><tr><td>frameborder</td><td>iframe</td></tr><tr><td>hspace</td><td>img和object.</td></tr><tr><td>vspace</td><td>img和object.</td></tr><tr><td>marginheight</td><td>iframe</td></tr><tr><td>marginwidth</td><td>iframe</td></tr><tr><td>noshade</td><td>hr</td></tr><tr><td>nowrap</td><td>td和th</td></tr><tr><td style="word-break: break-all;">scrolling</td><td style="word-break: break-all;">table</td></tr><tr><td style="word-break: break-all;">scrolling</td><td>iframe</td></tr><tr><td>size</td><td>hr</td></tr><tr><td>type</td><td>li，ol和ul.</td></tr><tr><td>valign</td><td>col，colgroup，tbody，td，tfoot，th，thead和tr</td></tr><tr><td>width</td><td>hr，table，td，th，col，colgroup和pre.</td></tr></tbody></table> </article> </div> </div> </ggg> <aside class="d-none d-lg-block col-lg-2"> <section> <div class=""> <form action="/helpdoc/Search" target="_blank" autocomplete="off"> <div class="input-group"> <input type="text" name="kw" value="" class="form-control" placeholder="输入关键词搜索"> <button class="btn btn-outline-secondary" type="submit">搜索</button> </div> </form> </div> <div class="list-group-item-heading mt-2"> <h4>推荐阅读</h4> </div> <ul class="list-group mb-2 sticky-top"> <li class="list-group-item"> <a href="/detail/2022/1104/B5F0860F07D2BF8B" class="w-100 d-inline-block text-truncate" title=".NET Core 2.0从HttpContext中获取Access Token的方法及代码" target="_blank"> .NET Core 2.0从HttpContext中获取Access Token的方法及代码 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1104/D91BC8BFB70B8D75" class="w-100 d-inline-block text-truncate" title=".NET(C#) System.Linq Orderby和group by的使用及示例代码" target="_blank"> .NET(C#) System.Linq Orderby和group by的使用及示例代码 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1104/D51405802A5B1876" class="w-100 d-inline-block text-truncate" title=".NET Core和ASP.NET Core简介与区别" target="_blank"> .NET Core和ASP.NET Core简介与区别 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/AB0F9B7BF0803875" class="w-100 d-inline-block text-truncate" title="Spring中的自定义事件" target="_blank"> Spring中的自定义事件 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/E2FEC1455C5B7DFB" class="w-100 d-inline-block text-truncate" title="JDB - 选项" target="_blank"> JDB - 选项 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/21F646F05D761E16" class="w-100 d-inline-block text-truncate" title="BabylonJS - 环境设置" target="_blank"> BabylonJS - 环境设置 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/B99DBDD7C667947D" class="w-100 d-inline-block text-truncate" title="Bootstrap - 按钮组" target="_blank"> Bootstrap - 按钮组 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/577817F6213CBCCB" class="w-100 d-inline-block text-truncate" title="亚马逊网络服务 - Route 53" target="_blank"> 亚马逊网络服务 - Route 53 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/A795B082A9F3395F" class="w-100 d-inline-block text-truncate" title="Angular 6 - 事件绑定" target="_blank"> Angular 6 - 事件绑定 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/DBA7532C8C42DA8F" class="w-100 d-inline-block text-truncate" title="WebRTC - 架构" target="_blank"> WebRTC - 架构 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/3C8AC0FD81869B11" class="w-100 d-inline-block text-truncate" title="Ubuntu - 浏览器" target="_blank"> Ubuntu - 浏览器 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/51F0798BBF1C2D18" class="w-100 d-inline-block text-truncate" title="Scrapy - Logging" target="_blank"> Scrapy - Logging </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/D37D7533DB294B6A" class="w-100 d-inline-block text-truncate" title="SAP HANA - 信息建模器" target="_blank"> SAP HANA - 信息建模器 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/05EAE37DB95C0D7C" class="w-100 d-inline-block text-truncate" title="SAP仪表板 - 删除组件和警报" target="_blank"> SAP仪表板 - 删除组件和警报 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/95F6C232F8D4EA93" class="w-100 d-inline-block text-truncate" title="HSQLDB - 有用的资源" target="_blank"> HSQLDB - 有用的资源 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/4BFACABF420A6BB8" class="w-100 d-inline-block text-truncate" title="Ruby - 多线程" target="_blank"> Ruby - 多线程 </a> </li> <li class="list-group-item"> <a href="/detail/2022/1108/94093745C3CB90F1" class="w-100 d-inline-block text-truncate" title="A / B测试 - 为什么要使用？" target="_blank"> A / B测试 - 为什么要使用？ </a> </li> <li class="list-group-item"> <a href="/detail/2023/0131/CBDBA3248DE44D77" class="w-100 d-inline-block text-truncate" title="F＃的可变数据" target="_blank"> F＃的可变数据 </a> </li> <li class="list-group-item"> <a href="/detail/2023/0201/14992CD144912F1C" class="w-100 d-inline-block text-truncate" title="CSS 图像拼合技术" target="_blank"> CSS 图像拼合技术 </a> </li> <li class="list-group-item"> <a href="/detail/2023/0306/D25E3320CA859D8E" class="w-100 d-inline-block text-truncate" title="CSS 合法颜色值" target="_blank"> CSS 合法颜色值 </a> </li> </ul> </section> </aside> </article> </main> </section> <footer class="footer"> <div class="container-fluid footer-widget"> <div class="container"> <div class="row"> <div class="col-12 col-md-4 col-lg-4"> <h3 class="text-start">幻海十年，专注互联网</h3> <ul class="d-flex px-0" style="text-align: left; flex-wrap: wrap"> <li class="item-3 mb-1"> <a target="_blank" href="https://wx.jonvie.com" rel="noopener noreferrer" title="几微助手"> <span>几微助手</span> </a> </li> <li class="item-3"> <a target="_blank" href="http://www.wonhero.com/" rel="noopener noreferrer" title="幻海官网"> <span>幻海官网</span> </a> </li> <li class="item-3"> <a target="_blank" href="http://www.rssso.com/" rel="noopener noreferrer" title="幻海优品"> <span>幻海优品</span> </a> </li> <li class="item-3 mb-1"> <a target="_blank" href="http://www.xct.cn" rel="noopener noreferrer" title="新彩天"> <span>新彩天</span> </a> </li> </ul> </div> <div class="col-12 col-md-4 col-lg-4"> <h3 class="text-start">关于</h3> <div class="text-start"> <span> 幻海科技成立于2009年，是一家集互联网基础技术服务、网络平台运营服务、软件产品研发、行业软件定制、自营电商平台于一体的专业互联网公司 </span> </div> </div> <div class="col-12 col-md-4 col-lg-4"> <h3 class="text-center">联系</h3> <div> <img src="http://www.jonvie.com/static/images/rightbar/QRcode.png?v=23" width="80" height="80" alt="微信公众号" /> </div> </div> </div> </div> </div> <div class="container-fluid" style="margin-top: 10px;"> <div class="row"> <div class="col-12 site-info"> <div class="item"> <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener external nofollow noreferrer"> 粤ICP备09219857号 </a> </div> </div> <div class="item">2009-2024 Copyright Wonhero.Com All Rights Reserved</div> <div class="item">深圳幻海软件技术有限公司 版权所有</div> </div> </div> </footer> <div id="toTop" style="display: none">返回顶部</div> <script src="//static.jonvie.com/wonhero/jquery/jquery.min.js"></script> <script src="//static.jonvie.com/wonhero/bootstrap/bootstrap.min.js"></script> <script> document.querySelectorAll('pre.prettyprint').forEach(el => { hljs.highlightElement(el); }); </script> <script> const total = Number("38"); let loading = document.querySelector(".loading"); loading.style.display = "none"; let currentpage = 2; let limit = 50; let isMore = total > limit; // 用于计算当前元素距离浏览器顶部距离 function getElementTop(el) { if (el.offsetParent ) { return getElementTop(el.offsetParent ) + el.offsetTop } return el.offsetTop } // 监听滚动条 document.addEventListener("scroll",init); // 临界点判断 function init(){ let scrollTop = document.body.scrollTop || document.documentElement.scrollTop // 滚动条 let sidebarTop = getElementTop(document.querySelector(".sort-sidebar")); let sidebarHeight = document.querySelector(".classify").offsetHeight; if (sidebarTop + sidebarHeight < (scrollTop + document.documentElement.clientHeight) && isMore) { getSideBar(currentpage, limit) // 请求数据 } } init(); // 获取数据 function getSideBar(page, limit) { try { isMore = false; fetch(`/api/ManagerApi/GetPageArtitlesByCls?page=${page}&limit=${limit}&channel=devdoc&clsId=8BED41D66D68FD6F`) .then(resp => resp.json()) .then(res => { if (res.Success) { isMore = (page - 1) * limit + res.Data.Item2.length < total; if (isMore) currentpage += 1; renderSidebar(res.Data.Item2); // 渲染列表 } }); } catch (e) { console.log(e, 23) } } // 渲染列表 function renderSidebar(list = []) { if (!list.length) return; let template = list.map(item => { return `<li class="list-group-item" style="border: 0px"> <a class="w-100 d-inline-block text-truncate" title="${item.ContentTitle}" href="/detail/${item.ContentID}" target="_blank"> ${item.ContentTitle} </a> </li>` }).join(""); document.querySelector(".classify").innerHTML = document.querySelector(".classify").innerHTML + template; } </script> <script> ;(()=>{ var height = $(window).height(); $(window).scroll(function() { if ($(window).scrollTop() > height) { $("#toTop").fadeIn(500); } else { $("#toTop").fadeOut(500); } }); $("#toTop").click(function() { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); })(); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?843cad737da0ae856cb26e84eafcd9bb"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({ id: "Jzndc69N7BtnPgpT", ck: "Jzndc69N7BtnPgpT" })</script> </body> </html>