隨筆-16  評論-50  文章-2  trackbacks-0

          文本模塊

          • 標題 h1~h6
          • 段落 p pre br
          • 引文 blockquote q cite
          • 語氣 strong em
          • 縮寫 abbr acronym
          • 地址 address
          • 程序相關 code dfn var kbd samp
          • 邏輯區 div span

          文章的各章各節的標題應該用h1~h6依次表示。文章的章節層次最好不要過多,復雜一點的文章有個3、4層就可以了,也就是說,使用h1~h4也就行了,h5和h6很少用到。那正文標題,用什么表示?我個人認為可以用<p class="caption">TEXT CAPTION</p>來表示正文標題。章節在HTML中不會自動編號,需要手工編號或通過其他程序來完成。有以下幾種建議

          • 手工編寫章節的編號。維護起來比較麻煩,尤其在插入或刪除章節的時候。
          • 用像word的這樣的文字編輯器,輔助完成編號。但word會在html文檔中加入很多垃圾信息,并且不符合XHTML規范。
          • 由于XHTML文檔能像XML一樣被處理,因此可以自己編寫一個XHTML處理程序,或利用別人編寫好的處理程序,像編譯源代碼一樣,從一個無編號的XHTML文檔中,重新輸出一個有編號XHML文檔。這個XHTML處理程序要能批處理。能處理某個目錄里的所有XHTML文檔、或處理匹配某個命名規定的XHTML文檔、或只處理XHTML文檔中class="auto"的標題。
          • 用Javascript,完成XHTML文檔的自動編號。

          內容在邏輯相關的一個小塊,就是段落。 最常用的段落標簽就是 p。pre是預先設定格式的段落,<pre> = <p xml:space="preserve">。br表示一個換行。

          HTML把下列列表中的字符看成空白字符。在一般情況下,所有連續的空白字符只顯示為一個空格。這叫空白折疊。元素的xml:space屬性可以設置是否進行空白折疊。xml:space的屬性于有兩個:default或preserve。default表示進行空白折疊,preserver表示不進行空白折疊。除了pre元素外,所有元素的默認值都是default。

          • 空格 &#x0020;
          • TAB &#x0009;
          • 進紙符 &#x000C;
          • 0寬度空格 &#x200B;

          HTML按下列的方式管理換行的

          • 要強制換行,用<br />
          • 按單詞方式自動換行。每個漢字都算一個單詞。
          • 要使兩個單詞之間不換行,就應該用 代替這兩個單詞之間的空格。
          • 要使一個長單詞可以換行,把&shy;放在長單詞可以斷開的地方。

          如果從其他地方摘抄過來文本,可用引文標簽表示。有3種引文標簽(參見下面的列表)。blockquote和q標簽都有一個cite屬性。如果需要鏈接到原文,需要超鏈接標簽。如:<p>And <cite>Bob</cite> said <q>No, I think it's a banana</q>.</p>

          • blockquote(引文塊)
          • q(內聯引文)
          • cite(引文地址)

          為文章的某些文字加強語氣,可用em(強調)和strong(強烈強調)標簽。為了強調這是幾個縮寫的字母,可用abbr(縮寫)或acronym(首字母縮寫)標簽。address表示地址。

          為了說明程序種的相關事物,可用程序相關的標簽。他們是

          • code 代碼
          • dfn 定義。常用強調一個術語的定義。<dfn title=“Java key word">class</dfn> HelloWord,也可用與普通的術語的定義,如
            <p><dfn title="Microsoft web browser">IE</dfn> is the most popular browser.</p>
          • var 變量。變量<var>$i</var>,代表循環次數.
          • kbd 鍵盤輸入。To exit, type <kbd>QUIT</kbd>.
          • samp 程序輸出。samp是sample output from programs,scripts,etc的意思。程序的輸出是<samp>x+y</samp>

          div和span并無實際的意義??梢酝ㄟ^CSS樣式(style)為其賦予不同的表現。div和span的區別在于div表示的一個塊,而span表示的是一個Inline(內聯)。

          塊元素(block)和內聯元素(Inline)。

          塊元素相當于段落的元素。顯示時,塊元素總是另起一行,塊元素其后的元素也另起一行。塊元素有:h1~h6 p pre blockquote address div。

          內聯元素相當于塊中的字符、單詞和短語。文本模塊提到的所有其他元素都是Inline。a和img元素也是Inline的。

          body元素里只能包含塊級元素,不能把獨立文本和內聯元素直接放在body元素中。

          這些文本元素的表現形似在CSS中介紹。

          除了br blockquote元素外,所有的其他元素里可以再包含Inline元素和PCDATA(獨立文本,無格式文本)。
          br 是個空元素。也就是說 br 元素里不能在包含其他元素和獨立文本。
          blockquote 和 body 元素一樣,只能包含塊級元素。

          posted on 2008-01-16 20:40 Jeff Lau 閱讀(1659) 評論(2)  編輯  收藏 所屬分類: Web技術

          評論:
          # re: XHTML中的文本模塊 2008-01-16 20:48 | xidudui
          對我很有用處  回復  更多評論
            
          # re: XHTML中的文本模塊 2008-01-16 20:53 | Jeff Lau
          @xidudui
          多謝關注。  回復  更多評論
            

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 广平县| 台湾省| 阿勒泰市| 辽阳市| 长寿区| 江城| 黑水县| 兴仁县| 卫辉市| 苍梧县| 石台县| 运城市| 兰州市| 隆安县| 突泉县| 志丹县| 鹰潭市| 德昌县| 武夷山市| 敦煌市| 永修县| 新兴县| 尚义县| 淮安市| 汉川市| 措勤县| 平阳县| 古丈县| 泽普县| 定州市| 榆树市| 乌拉特中旗| 红原县| 志丹县| 康定县| 宜昌市| 山东省| 咸丰县| 贡山| 平远县| 方正县|