CSS网页布局使用表格可以吗？

站长资源 2024/9/22 佚名

2 0 1

CSS网页布局的宗旨是语义化具有良好结构的HTML文档，将外观表现分离到CSS文件中，这是jb51.net一直强调的页面开发思维。　CSS网页布局的宗旨是语义化具有良好结构的HTML文档，将外观表现分离到CSS文件中，这是jb51.net一直强调的页面开发思维。有朋友在jb51论坛中提出问题，引发了思考。在html页面，初学DivCSS网页布局的时候，排斥table，用很多的div来嵌套：（看起来很差劲）
<div>
<div>DivCSS网页布局中使用表格的一些讨论</div><div>www.jb51.net</div>
<div>DivCSS网页布局中使用表格的一些讨论</div><div>www.jb51.net</div>
</div>
　　如图所示：

l图1。

图2。
　　知道html要具有语义之后，进化成这样的写法：
<ul>
<li><span>DivCSS网页布局中使用表格的一些讨论</span>www.jb51.net<li>
<li><span>DivCSS网页布局中使用表格的一些讨论</span>www.jb51.net<li>
</ul>
　　因为要固定标题的宽度，又涉及到<span>标签的inline-block。
　　而且，当涉及到标题一行，内容需要换行的时候很麻烦，如图效果：

图3。
　　我想，既然要避免使用table标签会造成如此多麻烦，可不可以干脆使用table呢，简单直接，而且从html的语义上考虑，这样的内容似乎用table也有道理。但是语义并不明确。也不可取。
　　我们来讨论可以使用的方法：

图1。

图3。
　　图1和图3，可以用无序列表ul或定义列表dl标识。配合使用lidtddstrongemspan标签。

图2。
　　图2是一个表单，可以用formlabelinput等标签加以标识。
　　小结：
　　这三个图片所示的页面元素，均不是表格类的数据，用表格标签不妥当。
　　使用表格作为网页排版、布局页面元素是不合理的。
　　表格是用来显示数据的。
　　至于什么样的数据形式以表格来标识，没有统一的规范。
　　或许大家对它有着不同的理解，除了数据表，别的元素在什么情况下用表格表示呢。
　　其实根据情况，可以选择多种标签。可能是无序列表，可能是定义列表。
　　至于CSS样式的实现，那就是属性定义的问题。
　　不要因为CSS设置比较繁琐，而否定内容本身的语义。

表格,可以,使用,布局,网页,<,语义,CSS,标签,div>

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“CSS网页布局使用表格可以吗？”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年09月22日

CSS网页布局使用表格可以吗？

两个CSS代码精简工具(网页教学网推荐)

相对完美的CSS绝对底部

评论“CSS网页布局使用表格可以吗？”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接