- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
在编写 HTML 页面(特别是包含大量文本内容)时,有时可以选择使用 DIV
或 P
元素。概念规则是: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如下:
有什么处理这种情况的建议吗?
最佳答案
你问的是完整段落,但引用是这里的真正问题 - 我认为 <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/
对于 Metal ,如果对主纹理进行 mipmap 处理,是否还需要对多采样纹理进行 mipmap 处理?我阅读了苹果文档,但没有得到任何相关信息。 最佳答案 Mipmapping 适用于您将从中
我正在使用的代码在后端 Groovy 代码中具有呈现 GSP(Groovy 服务器页面)的 Controller 。对于前端,我们使用 React-router v4 来处理路由。我遇到的问题是,通过
我们正在 build 一个巨大的网站。我们正在考虑是在服务器端(ASP .Net)还是在客户端进行 HTML 处理。 例如,我们有 HTML 文件,其作用类似于用于生成选项卡的模板。服务器端获取 HT
我正在尝试将图像加载到 void setup() 中的数组中,但是当我这样做时出现此错误:“类型不匹配,'processing .core.PImage' does not匹配“processing.
我正在尝试使用其私有(private)应用程序更新 Shopify 上的客户标签。我用 postman 尝试过,一切正常,但通过 AJAX,它带我成功回调而不是错误,但成功后我得到了身份验证链接,而不
如何更改我的 Processing appIconTest.exe 导出的默认图标在窗口中的应用程序? 默认一个: 最佳答案 经过一些研究,我能找到的最简单的解决方案是: 进入 ...\process
我在 Processing 中做了一个简单的小游戏,但需要一些帮助。我有一个 mp3,想将它添加到我的应用程序中,以便在后台循环运行。 这可能吗?非常感谢。 最佳答案 您可以使用声音库。处理已经自带
我有几个这样创建的按钮: 在 setup() PImage[] imgs1 = {loadImage("AREA1_1.png"),loadImage("AREA1_2.png"),loadImage
我正在尝试使用 Processing 创建一个多人游戏,但无法弄清楚如何将屏幕分成两个以显示玩家的不同情况? 就像在 c# 中一样,我们有Viewport leftViewport,rightView
我一直在尝试使用 Moore 邻域在处理过程中创建元胞自动机,到目前为止非常成功。我已经设法使基本系统正常工作,现在我希望通过添加不同的功能来使用它。现在,我检查细胞是否存活。如果是,我使用 fill
有没有办法用 JavaScript 代码检查资源使用情况?我可以检查脚本的 RAM 使用情况和 CPU 使用情况吗? 由于做某事有多种方法,我可能会使用不同的方法编写代码,并将其保存为两个不同的文件,
我想弄清楚如何处理这样的列表: [ [[4,6,7], [1,2,4,6]] , [[10,4,2,4], [1]] ] 这是一个整数列表的列表 我希望我的函数将此列表作为输入并返回列表中没有重复的整
有没有办法在不需要时处理 MethodChannel/EventChannel ?我问是因为我想为对象创建多个方法/事件 channel 。 例子: class Call { ... fields
我有一个关于在 Python3 中处理 ConnectionResetError 的问题。这通常发生在我使用 urllib.request.Request 函数时。我想知道如果我们遇到这样的错误是否可
我一直在努力解决这个问题几个小时,但无济于事。代码很简单,一个弹跳球(粒子)。将粒子的速度初始化为 (0, 0) 将使其保持上下弹跳。将粒子的初始化速度更改为 (0, 0.01) 或任何十进制浮点数都
我把自己弄得一团糟。 我想在我的系统中添加 python3.6 所以我决定在我的 Ubuntu 19.10 中卸载现有的。但是现在每次我想安装一些东西我都会得到这样的错误: dpkg: error w
我正在努力解决 Rpart 包中的 NA 功能。我得到了以下数据框(下面的代码) Outcome VarA VarB 1 1 1 0 2 1 1 1
我将 Java 与 JSF 一起使用,这是 Glassfish 3 容器。 在我的 Web 应用程序中,我试图实现一个文件(图像)管理系统。 我有一个 config.properties我从中读取上传
所以我一直在Processing工作几个星期以来,虽然我没有编程经验,但我已经转向更复杂的项目。我正在编写一个进化模拟器,它会产生具有随机属性的生物。 最终,我将添加复制,但现在这些生物只是在屏幕上漂
有人知道 Delphi 2009 对“with”的处理有什么不同吗? 我昨天解决了一个问题,只是将“with”解构为完整引用,如“with Datamodule、Dataset、MainForm”。
我是一名优秀的程序员,十分优秀!