博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表格布局规范
阅读量:5753 次
发布时间:2019-06-18

本文共 653 字,大约阅读时间需要 2 分钟。

一、在写<table>互相嵌套时,对于单独的一个<table>来说,<table><tr>对齐,<td>缩进一个tab;<td>中如果还有嵌套的表格,<table>也缩进一个tab;如果<td>中没有任何嵌套的表格,</td>结束标记应该与<td>处于同一行,不要换行。

源代码不应有这样的代码:

而应该这样写:

这是因为,游览器认为,换行相当于一个半角空格,以上不规范的写法相当于无意中增加了一个半角空格。

如果确实有必要增加一个半角空格,也应该这样写:

二、属于同一个级别的<table>一定是左首对齐的,另外不允许没有任何内容的空的单元格存在,空单元格高度采用<td></td>插入一个1*1大小的透明gif图片(通常为null.fig),这是因为,某些浏览器认为空半桥单元格非法而不予以解释。

三、Width和Height的写法也有统一规范,一般情况下只有一列的表格,width写在<table>标签里,只有一行的表格,height写在<table>标签里,多行多列的表格,width和height写在第一行或者第一列的<td>标签里。

总之,遵循一条原则:不出现多于一个的控制同一个单元格大小的height和width,保证任何一个height和width都有效,也就是改动代码中任何一个height和width的数值,都庆浏览器中看到变化。

 

参考网址:

 

转载于:https://www.cnblogs.com/WestGarden/archive/2011/10/29/3138406.html

你可能感兴趣的文章
Android组件化最佳实践 ARetrofit原理
查看>>
舍弃浮躁, 50条重要的C++学习建议
查看>>
同步手绘板——将View的内容映射成Bitmap转图片导出
查看>>
【Android游戏开发之十】(优化处理)详细剖析Android Traceview 效率检视工具!分析程序运行速度!并讲解两种创建SDcard方式!...
查看>>
微信小程序之wx.navigateback往回携带参数
查看>>
陌陌和请吃饭之类的应用,你要是能玩转,那就厉害了
查看>>
递归的运行机制简单理解
查看>>
汉字转阿斯克马值
查看>>
Java 栈与堆简介
查看>>
【supervisord】部署单进程服务的利器
查看>>
zabbix oracle监控插件orabbix部署安装
查看>>
python3 通过qq 服务器 发送邮件
查看>>
java 多线程踩过的坑
查看>>
部署Replica Sets及查看相关配置
查看>>
倒序显示数组(从右往左)
查看>>
文献综述二:UML技术在行业资源平台系统建模中的应用
查看>>
阿里云服务器 linux下载 jdk
查看>>
Swift 学习 用 swift 调用 oc
查看>>
第三章 Python 的容器: 列表、元组、字典与集合
查看>>
微信小程序开发 -- 点击右上角实现转发功能
查看>>