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

          文本模塊

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

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

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

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

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

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

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

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

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

          • blockquote(引文塊)
          • q(內(nèi)聯(lián)引文)
          • cite(引文地址)

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

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

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

          div和span并無實際的意義。可以通過CSS樣式(style)為其賦予不同的表現(xiàn)。div和span的區(qū)別在于div表示的一個塊,而span表示的是一個Inline(內(nèi)聯(lián))。

          塊元素(block)和內(nèi)聯(lián)元素(Inline)。

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

          內(nèi)聯(lián)元素相當(dāng)于塊中的字符、單詞和短語。文本模塊提到的所有其他元素都是Inline。a和img元素也是Inline的。

          body元素里只能包含塊級元素,不能把獨立文本和內(nèi)聯(lián)元素直接放在body元素中。

          這些文本元素的表現(xiàn)形似在CSS中介紹。

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

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

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

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


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 搜索| 吴江市| 松滋市| 遵化市| 政和县| 轮台县| 湖南省| 卓资县| 松滋市| 柘荣县| 封开县| 安龙县| 南雄市| 夏津县| 祁阳县| 永顺县| 齐齐哈尔市| 宁明县| 鄱阳县| 新竹县| 隆安县| 长子县| 岐山县| 吕梁市| 仁化县| 南涧| 南澳县| 罗城| 南丹县| 安平县| 石狮市| 日土县| 灌云县| 苍山县| 大荔县| 四川省| 三穗县| 昭觉县| 浪卡子县| 和田市| 久治县|