CSS逻辑与物理标记

如何解决CSS逻辑与物理标记

| 我是编码和CSS领域的新手。当我发布问题并阅读有关CSS，浮点数和位置的信息时，我遇到了术语“ 0”和“ 1”。 对于完全不了解CSS的人来说，这意味着什么？ 它们有何不同？ 我什么时候可以使用其中之一？ 这个术语仅限于CSS还是适用于PHP，ASP.NET等语言？ 如果它们也适用于其他语言，它们是同一意思吗？     

解决方法

与Demian一样，我在CSS社区或规范中也从未遇到过这些术语。 一种解释（已经读过使用这些术语的问题）可能是区分标记用于样式目的（物理）与标记以其更语义形式使用以使页面具有“逻辑”含义（而不是纯粹是为了定位或美学目的）。 另外，您可以考虑询问使用这些术语（@hyperboreus）的人的预期含义。     ,从来没有听说过这两个术语，我只能作一个有根据的猜测，ѭ0的定位将指向

relative

，ѭ1的定位将指向

absolute

（这里有一些有关

relative

和

absolute

定位的文档）。 它们实际上不适用于服务器端语言，例如PHP或ASP.NET，因为它们特定于布局策略（不是后端功能）。     ,好吧-我看见盲人说。 逻辑上，您应该说语义，而不是物理上使用术语/想法表示结果。 您会看到为什么，尤其是后者很难定义的原因-实际上，老实说，我只是将其保留为语义标记与非语义标记。 为了定义语义，有时更容易从定义相反的词开始，这是绝对不是语义的-使用表来布局页面-或为此，对于任何表格数据都使用表。 语义学在将数据从其呈现方式分离到甚至甚至不使用

<em>

和

<strong>

标签方面也可以达到极致，但是大多数人都认为素食主义者在同一水平上不会吃任何东西。

<subjective-but-really-not>

语义网很漂亮。只需按一下CSS即可分布您的数据，以正确的方向前进，最后，始终让用户最后说出他们希望如何查看您的数据

</subjective>

TLDR：语义使用正确的标记（标签）来适合数据，而不适合您想要的样式，这应该由（CSS）样式表控制（并且只能根据语义来控制）     ,首先，CSS仅在客户端。您可以将CSS样式嵌入HTML页面中，也可以链接到外部.css文件。 逻辑/物理？从来没有见过，也没有听说过，猜想它可能是您想到的相对，绝对或固定位置？ 当遵循浏览器如何呈现页面的BOX模型时，请将每个元素都视为一个框。如果其position：relative，则将其放置在最后一个框的结尾处，并确定该框的大小，然后使下一个相对的框紧随其后。 很像文本中的段落。 [标题1] [第1段] [第2段] [第3段] 等等 如果您使用position：fixed，则可以使用left：100px或top：100px，无论滚动或缩放浏览器，该元素都将停留在该位置。 position：absolute将使用其父对象的零点。如果父对象是相对的，则零将从相对父对象的两端开始。 因为一旦您进入色谱柱设计等领域，这个问题就复杂得多了，但是这里有很多很棒的例子。     ,colinross是对的。 不要在可以避免的地方使用物理标记。它被认为是不好的做法，因为现在有更好的方法来使用CSS获得所需的结果。 所有关于将内容/结构与样式/表示分离的内容。 使用逻辑/语义标记，您可以使用适当的标题标记来标记所有标题，例如h1是您最重要的标题，h2是子标题，h3是该标题下的任何标题等 您不跳过标题，因为您不喜欢尺寸或外观。 您不要在文本段落中使用标签，因为它会使文本变大和变粗。 但是，您可以将divs或spans或段落或标题等类与CSS结合使用，以自己喜欢的方式对其进行样式设置。 然后，您可以通过多种方式设置正确标记的文档样式， 您可以轻松尝试不同的样式表。 多个网页可以访问一个CSS文档。 通过更改一行CSS来更改文档（或其一部分）的字体 不必每次都提及添加或更改字体标签的HTML文档。 或某种颜色。 如果要一组图像向左浮动 使他们都属于同一班 并将其浮动在外部样式表中， 那么您也可以选择将其他样式应用于它们 也许也给他们相同的边框/轮廓。 或者，如果您改变主意并决定将其浮动，则只需一行即可更改。 聪明的狗屎