使用空格格式化通用页面内容:预包装 - 任何原因不是?

时间:2013-05-07 15:11:24

标签: html css whitespace

可以说,我有一个以此元素为主要内容的网页:

<div id="maincontent">
  <h2>Sub-header</h2>
  <p>Some stuff.</p>
  <p>More stuff.</p>
  <p>Even more stuff.</p>
  <p>
    <span class="bold">Contact:</span><br>
    Guy With Name<br>
    09-009 990<br>
    <a href="mailto:guy.with.name@atkkierratys.com">email</a>
  </p>
</div>

是否有理由不以下述方式进行此操作?

<div id="maincontent" style="white-space:pre-wrap">
<h2>Sub-header</h2>

Some stuff.

More stuff.

Even more stuff.

<span class="bold">Contact:</span>
Guy With Name
09-009 990
<a href="mailto:guy.with.name@atkkierratys.com">email</a>
</div>

在目标网站上,内容将在外观上相当简化,并且很可能不会有任何花哨的UI技巧或JS工具在主要内容中需要DOM结构。内容将使用记事本级别的应用程序进行编辑(除非有可以处理shtml的site-builder-apps,以及我因任何原因无法使用的情况)。我会这样做的一个原因是,对于那些不那么精通HTML的人来说,编辑会更容易,使网站尽可能少依赖我(整个协会都是基于志愿服务)。

作为旁注:在我介入之前,页面是用WYSIWYG编辑器创建和编辑的。通过手写替换代码,文档大小减半。

1 个答案:

答案 0 :(得分:0)

如果你想要这样的东西,那么在<pre></pre>

中给出文字