2013-05-07 17 views
1

比方說,我有一個網頁與此元素爲主要內容:使用空格對通用頁面內容進行格式化:預包裝 - 任何不適用的原因?

<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:[email protected]">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:[email protected]">email</a> 
</div> 

在目標網站,內容是要在外觀上相當簡單,而且有很大可能不會成爲任何花哨的UI的技巧或JS工具,將需要爲主要內容的DOM結構。內容將使用記事本級別的應用程序進行編輯(除非有可以處理shtml的網站構建器應用程序,以及由於任何原因無法使用的情況)。爲什麼我會這樣做的一個原因是,對於不太懂HTML的人來說,更容易編輯,以使網站儘可能少依賴我(整個協會基於志願服務)。

附註:使用所見即所得編輯器創建和編輯頁面之前,我介入。通過用手寫代替代碼,文檔大小減半。

+1

當你拿出這樣的標籤,你就剝離了什麼,將給予線索,內容的意思。在向用戶提供內容之前,是否有可能得到某種降價/ bbcode解析器來修復內容? – cimmanon 2013-05-07 15:27:38

+0

您可否詳細說明「關於內容含義的線索」?基本上,我可以建立他們簡單的CMS,並告訴他們學習如何製作風格的論壇帖子。當我有時間時,也許我會,誰知道?但現在,我很想知道是否有理由不刪除所有基本上只用於幫助以某種方式顯示信息的html標籤。 – 2013-05-07 17:56:03

+1

除了'div'和'span'外,每個標籤都有語義含義。大多數瀏覽器不會添加很多默認樣式,但屏幕閱讀器會根據使用的標籤類型(是否是列表?它們是段落?)以不同方式表示內容。作爲一般的經驗法則,內容應該沒有任何造型的意義。 – cimmanon 2013-05-07 18:15:58

回答

0

如果你想要一些東西一樣,然後給文字與<pre></pre>

+0

我最近了解到,我誤解了

的工作方式(或者它的行爲在數年內已經發生變化)。正如我以前所想的那樣,它絕對不會阻止HTML內部的使用。 'pre'如何影響語義?搜索引擎或屏幕閱讀器如何表現? (我刪除了我以前的評論,以防止誤報) –
                        
                            
                                2013-05-14 10:24:25
                            
                        
                    

相關問題