zoukankan      html  css  js  c++  java
  • H5弃用标签和属性

     弃用标签

    font标签

    <font color="red" size="5" face="楷体">白日依山尽,黄河入海流</font>
    frameset、frame标签
    frame.html
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <frameset rows="20%,*">
    <frame name="top" src="top.html" />
    <frameset cols="40%,*">
    <frame name="left" src="left.html" />
    <frame name="right" src="ch1.html" />
    </frameset>
    </frameset>
    </html>

    top.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>top</title>
    </head>
    
    <body bgcolor="#FFBFFF">
    <h3 align="center">这是TOP</h3>
    </body>
    </html>

    left.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>left</title>
    </head>
    
    <body bgcolor="#A3D1D1">
    <ul>
    <li><a href="ch1.html" target="right">第一章</a></li>
    <li><a href="ch2.html" target="right">第二章</a></li>
    <li><a href="ch3.html" target="right">第三章</a></li>
    </ul>
    </body>
    </html>

    ch1.html/ch2.html/ch3.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ch1</title>
    </head>
    
    <body bgcolor="#FFDCB9">
    <h3>这是第一/二/三章的内容</h3>
    </body>
    </html>

    效果

     

    弃用属性(标红)

    定义背景颜色:<body bgcolor="#FFDCB9">
    定义表格边框:<table border="1" width="300" cellpadding="0" cellspacing="0">
    定义文本对齐方式:<td align="left">姓名</td>
     
  • 相关阅读:
    使用CSS3实现超炫的Loading(加载)动画效果
    三种简洁的经典高效的DIV+CSS制作的Tab导航简析
    Span和Div的区别
    [总结]Jquery api 快速参考
    25个可遇不可求的jQuery插件
    基于单个 div 的 CSS 绘图
    一款基于jQuery的图片场景标注提示弹窗特效
    HTML5手机开发——滚动和惯性缓动
    发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
    CSS框架BluePrint
  • 原文地址:https://www.cnblogs.com/chuanzi/p/10888128.html
Copyright © 2011-2022 走看看