捍卫现代发展中的桌子和浮子

二十年前，HTML表是网页设计的基石。他们为开发人员提供了对页面结构的前所未有的控制，从而超出了简单的上到底线性线性的布局。列可以水平和垂直对齐 - 当时的显着进步。

但是，桌子从未打算用作布局工具，他们的滥用导致了许多问题。这种方法虽然是一种方便的解决方法，但在现代网络开发中提出了重大的可访问性挑战。

嵌套<table>，，，，，<code><th> ，，，，，<code><tr> ， 和<code><td>元素为屏幕阅读器带来困难，阻碍了可访问性的合规性。屏幕阅读器努力将深度嵌套的表解释为连贯的内容块。这并不意味着桌子本质上是有缺陷的。除了显示表格数据以外的任何内容时，它们的局限性变得明显。考虑一个完全由桌子构建的网站布局 - 它很快变得肿又无法访问。<p>尽管有历史性的过度使用且造成的负面声誉，但桌子在正确使用时仍具有宝贵的目的。他们以结构化的线性格式呈现语义相关的数据表现出色。即使在今天，他们的效用仍然具有重要意义。</p> <p>这是适当使用的表的示例：显示<strong>表格数据</strong>！ （为简洁而省略了示例，但根据原始文本暗示）。</p> <p> 2000年代初期，向网络标准转变，有利于CSS漂浮在桌子上以进行布局。这种关注点的分离（结构标记，用于样式的CSS）都以清洁度，更可维护的代码进行了尊重，并允许专注于可访问性和SEO。</p> <p> （示例说明为简短省略的基于表和基于浮点的布局之间的区别，但根据原始文本暗示）。</p> <p>最初旨在允许文本包裹图像的浮标也因过度使用而面临批评。但是，它们仍然相关，特别是对于<code>shape-outside属性。浮子的有效用例正在将文本包裹在样式上<div>。<p>现代CSS功能（例如网格，Flexbox和多列布局）为页面布局提供了优越的替代方案。这些工具提供了更清洁，更容易访问的代码，并且很可能仍然是未来许多年的首选方法。</p> <p>布局的flexbox示例（省略了简洁，但根据原始文本暗示）证明了现代布局技术的简单性和可访问性。</p> <p>总之，尽管桌子和浮子因滥用而赢得了声誉，但正确应用时它们仍然是有价值的工具。它们的适当用法可确保语义清晰度和可访问性。现代布局技术应优先考虑，但是了解表和浮子的适当应用对于全面开发人员的工具包仍然至关重要。</p> </div>

以上是捍卫现代发展中的桌子和浮子的详细内容。更多信息请关注PHP中文网其他相关文章！