CSS网页布局使用表格可以吗?
网站建设 2023-01-28 21:38www.1681989.com免费网站
CSS网页布局的宗旨是语义化具有良好结构的HTML文档,将外观表现分离到CSS文件中,这是jb51.一直强调的页面开发思维。 CSS网页布局的宗旨是语义化具有良好结构的HTML文档,将外观表现分离到CSS文件中,这是jb51.一直强调的页面开发思维。有朋友在jb51论坛中提出问题,引发了思考。在html页面,初学DivCSS网页布局的时候,排斥table,用很多的div来嵌套(看起来很差劲)
<div>
<div>DivCSS网页布局中使用表格的一些讨论</div><div>.jb51.</div>
<div>DivCSS网页布局中使用表格的一些讨论</div><div>.jb51.</div>
</div>
如图所示
l图1。
图2。
知道html要具有语义之后,进化成这样的写法
<ul>
<li><span>DivCSS网页布局中使用表格的一些讨论</span>.jb51.<li>
<li><span>DivCSS网页布局中使用表格的一些讨论</span>.jb51.<li>
</ul>
因为要固定标题的宽度,又涉及到<span>标签的le-block。
而且,当涉及到标题一行,内容需要换行的时候很麻烦,如图效果
图3。
我想,既然要避免使用table标签会造成如此多麻烦,可不可以干脆使用table呢,简单直接,而且从html的语义上考虑,这样的内容似乎用table也有道理。语义并不明确。也不可取。
我们来讨论可以使用的方法
图1。
图3。
图1和图3,可以用无序列表ul或定义列表dl标识。配合使用lidtddstrongemspan标签。
图2。
图2是一个表单,可以用formlabelput等标签加以标识。
小结
这三个图片所示的页面元素,均不是表格类的数据,用表格标签不妥当。
使用表格作为网页排版、布局页面元素是不合理的。
表格是用来显示数据的。
至于什么样的数据形式以表格来标识,没有统一的规范。
或许大家对它有着不同的理解,除了数据表,别的元素在什么情况下用表格表示呢。
其实根据情况,可以选择多种标签。可能是无序列表,可能是定义列表。
至于CSS样式的实现,那就是属性定义的问题。
不要因为CSS设置比较繁琐,而否定内容本身的语义。
上一篇:相对完美的CSS绝对底部
下一篇:两个CSS代码精简工具(网页教学网推荐)
网站设计
- 静宁会SEO的网站建设公司:全面提升您的网络影
- 提升在线业务的关键:选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司:打造您的在线品牌
- 灵山SEO网站建设公司:提升您的在线业务表现
- 蒙城网站建设优化公司:提升您网站表现的理想
- 阳谷企业网站优化:提升线上业务力的关键
- 樟树专业的网站建设公司:打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司:助您轻松打造在线业务
- 巫溪百度网站优化:提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱?全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销