zoukankan      html  css  js  c++  java
  • html5中不再支持table的cellspacing和cellpadding属性

    如果你现在开始用html5的声明来写页面时,你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除,需要定义边框之类的时应该使用css的写法。

    具体实现如下:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Html5 Table Test</title>
        <style type="text/css">
            table{ border-collapse:collapse; border:solid 1px Black; }
            table td{ width:50px; height:20px;  border:solid 1px Black; padding:5px;}
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>
        </table>
    </body>
    </html>

    效果图如下:

    代码的关键点在于border-collapse:collapse; 和 border:solid 1px Black;。对于padding的定义大家都比较熟悉了,这里主要讲一下的是border-collapse中的collapse和separate值,定义为collapse时,他们的边框会重叠在一起,定义为separate时单元格边框之间会有间隙。不定义时默认为separate。 separate情况下的效果图如下:

    代码定义很简单,也是早版本浏览器就支持的东西,只是以前我们一些人习惯用cellspacing和cellpadding来定义,但这两个属性在html5中将要移除,所以需要改过来用css来定义而已。很简单的东西,小记一下而已。

    小记:在html5中,很多标签元素的属性都不复存在了。下面是html5中通用于每个标签的核心属性和语言属性(有个别例外)。

    class, contenteditable, contextmenu, dir, draggable, id, 
    irrelevant, lang, ref, registrationmark, tabindex, template, title

    转载自:http://xxling.com/article/76.aspx

  • 相关阅读:
    webstorm
    web大文件上传(web应用---SSH框架)
    Webuploader 大文件分片上传
    百度Webuploader 大文件分片上传(.net接收)
    java使用WebUploader做大文件的分块和断点续传
    大文件上传插件webupload插件
    使用Webuploader大文件分片传输
    使用原生Java Web来实现大文件的上传
    Java实现浏览器端大文件分片上传
    怎样使用word2013发布csdn博客
  • 原文地址:https://www.cnblogs.com/liuyonglong/p/3707872.html
Copyright © 2011-2022 走看看