gpt4 book ai didi

html - 建议处理带有 block 内容的段落?

转载 作者:可可西里 更新时间:2023-11-01 14:57:38 24 4
gpt4 key购买 nike

在编写 HTML 页面(特别是包含大量文本内容)时,有时可以选择使用 DIVP 元素。概念规则是:think semantically, use P for text paragraphs .

我发现的一个问题是,现实世界中的段落概念并不总是与 P 元素不能包含 block 元素 的 HTML 限制相得益彰。在现实世界中,一个段落有时确实包含文本 block ——尤其是引文。以 P. G. Wodehouse 的这段文字为例:

    The odd part of it was that after the first shock of seeing all this frightful energy the thing didn't seem so strange. I've spoken to fellows since who have been to New York, and they tell me they found it just the same. Apparently there's something in the air, either the ozone or the phosphates or something, which makes you sit up and take notice. A kind of zip, as it were. A sort of bally freedom, if you know what I mean, that gets into your blood and bucks you up, and makes you feel that

    God's in His Heaven:
    All's right with the world,

and you don't care if you've got odd socks on. I can't express it better than by saying that the thought uppermost in my mind, as I walked about the place they call Times Square, was that there were three thousand miles of deep water between me and my Aunt Agatha.

查看此内容的自然(语义)方式是作为带有子 block 元素的一个段落。但是在 HTML 中,你必须选择

  • 制作三个 P 段落(您应该做一些调整,例如,最后一个伪段落可能有错误的边距或缩进 - 但最重要的是,它在语义和结构上都是不正确的)

  • 将内部引号编码为内联元素,一个带有多个 BR 的 SPAN(丑陋,很难对所有元素应用样式)

  • 使整个段落成为一个 DIV(不可行/不一致,如果其他段落被编码为 P 元素)

我不喜欢任何一个选项 - 我看不到其他选项;因此,决定何时使用 P 的语义标准对我来说仍然不太令人满意。

另一个类似的例子,来自another PGW opus如下:

example

有什么处理这种情况的建议吗?

最佳答案

你问的是完整段落,但引用是这里的真正问题 - 我认为 <q> 的混合体, <br> CSS 是合适的,因为诗歌是换行符具有一定意义的情况之一。通过一个类来识别特定的内联引述是一首诗的摘录,您可以获得所需的样式。

http://jsfiddle.net/insin/af2Uz/

<!doctype HTML>
<html>
<head>
<title>Poem Quoting</title>
<style type="text/css">
p { text-indent: 1em; }
q.poem { display: block; margin: 2em; font-style: italic; text-indent: 0; }
q.poem:before, q.poem:after { content: ''; content: none; }
</style>
</head>
<body>
<p>
The odd part of it was that after the first shock of seeing all this
frightful energy the thing didn't seem so strange. I've spoken to fellows
since who have been to New York, and they tell me they found it just the
same. Apparently there's something in the air, either the ozone or the
phosphates or something, which makes you sit up and take notice. A kind of
zip, as it were. A sort of bally freedom, if you know what I mean, that
gets into your blood and bucks you up, and makes you feel that
<q class="poem">God's in His Heaven:<br>All's right with the world,</q>
and you don't care if you've got odd socks on. I can't express it better
than by saying that the thought uppermost in my mind, as I walked about the
place they call Times Square, was that there were three thousand miles of
deep water between me and my Aunt Agatha.
</p>
</body>
</html>

...但是,如果没有 CSS,这看起来会很糟糕,所以我会花时间以技术上最正确的方式表达准确的语义,使用 <blockquote>并将周围的文本拆分为两个 <p> s 用一个类来指示 <p> 之一s 真的是一个延续。

如果理论与您在尖端工作时必须处理的内容不相符,那么您只能将理论应用到此为止 - 使用您不特别喜欢的方法之一的真正损失是什么?如果在某个阶段,你开始写一些确实依赖于结果文档结构的东西,那么如果你未能在这些场景中始终如一地使用相同的方法(能够依赖于像“对待”这样的规则,这只会​​是一个障碍 block 引号后跟 p.continuation 作为前面 p"的成员)。

关于html - 建议处理带有 block 内容的段落?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5812793/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com