输入banner图图片脚本导航/分类

HTML5之废弃和更新的元素与属性_html/css_WEB-ITnose

废弃的元素和属性

【1】标签替换

    替代:    替代:    替代:

替代:
    替代:CSS或<iframe> <isindex> 替代:表单控件<tt> 用<kbd>或<var>或<code>或<samp>替代<u> 用<em>或<b>或<mark>替代 <xmp> 用<code>替代</script></pre> </p> <p> </p> <h3>【2】CSS替换</h3> <p class="sycode"> <pre class="precsshui"><basefont> 用CSS替代<center> 用CSS替代<font> 用CSS替代 <s><strike> 用CSS替代</script></pre> </p> <p> </p> <h3>【3】废弃的属性</h3> <p class="sycode"> <pre class="precsshui"> nohref<br> clear<li> type<table> cellpadding cellspacing rules summary width</script></pre> </p> <p> </p> <h2>更新的元素和属性</h2> <h3>【1】功能变化</h3> <p class="sycode"> <pre class="precsshui"> 没有href属性的显示成一个占位符,且元素内部支持flow content类型的元素 用、、<nav>、<section>限定范围<cite> 定义引用 => 用于对一本书、一篇报告或者其他出版的来源资料的引用。<dl> 定义列表 => 表示包含多个name-value的group<head> 不允许包含<object>子元素<label> 浏览器不再将焦点从<label>移动到控件上</script></pre> </p> <p> </p> <h3>【2】语义变化</h3> <p class="sycode"> <pre class="precsshui"><b> 粗体文本 -> 在普通文章中仅从文体上突出的不包含任何额外重要性的一段文本。例如文档概要中关键字、评论中产品名。 根据HTML5的规范,标题文本使用<h2>-<h6>,强调文本使用<em>,重要文本使用<strong>,标记高亮文本使用<mark>,其他方面的才使用<b><hr> 水平线 -> 定义内容中的主题变化,并显示为一条水平线<i> 斜体文本 -> 表示在普通文章中突出不同意见或语气或其他的一段文本。如一个分类名称、技术术语、谚语等。<menu> 命令列表或菜单 -> 在toolbar和context menus下起作用<small> 小号文本 -> 旁注,用于免责声明、注意事项、法律限制、版权声明等 <strong> 强调文本 -> 重要文本</script></pre> </p> <p> </p> <h3>【3】属性变化</h3> <p class="sycode"> <pre class="precsshui"> <script>和<style>元素的type属性不是必须项 所有元素的width和height属性不再允许设置值为百分比</script></pre> </div> </div> <script type="text/javascript" src="/layui/layui.js"></script> <script> layui.use('code', function(){ layui.code({ elem: 'pre', //默认值为.layui-code about:false, title:'HTML5之废弃和更新的元素与属性_html/css_WEB-ITnose代码块', encode: true //是否转义html标签。默认不开启 }); }); </script> <footer class="comm-footer"> <ul class="channels"> <li> <a target="_top" href="/system/">操作系统</a> </li><li> <a target="_top" href="/down/">程序下载</a> </li><li> <a target="_top" href="/jquery/">jquery插件库</a> </li><li> <a target="_top" href="/jiaoben/">编程</a> </li><li> <a target="_top" href="/db/">数据库</a> </li><li> <a target="_top" href="/tools/">在线工具</a> </li><li> <a target="_top" href="/framebook/">框架书籍</a> </li><li> <a target="_top" href="/xitongjiaocheng/">系统教程</a> </li><li> <a target="_top" href="/ruanjianxiazai/">软件下载</a> </li> </ul> <ul class="versions"> <li> <a href="https://m.gxlcms.com" class="active">触屏版</a> </li> <li> <a href="https://www.gxlcms.com" target="_top">电脑版</a> </li> </ul> <p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> </footer> </body> </html>