<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-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 閱讀(1657) 評論(2)  編輯  收藏 所屬分類: Web技術

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

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


    網站導航:
     
    主站蜘蛛池模板: 免费在线中文日本| 亚洲a∨国产av综合av下载| 亚洲老妈激情一区二区三区| 国产91久久久久久久免费| 日本无吗免费一二区| 国产真实伦在线视频免费观看| 成年女人免费v片| 天天摸夜夜摸成人免费视频| 成年女人视频网站免费m| 女人被弄到高潮的免费视频| 成人毛片免费网站| 日本一道一区二区免费看 | 男性gay黄免费网站| 亚洲6080yy久久无码产自国产 | 亚洲精品美女久久777777| 亚洲中文字幕无码久久综合网| 爱情岛论坛网亚洲品质自拍| 亚洲性猛交XXXX| 亚洲av片劲爆在线观看| 亚洲一区二区三区电影| 精品亚洲成在人线AV无码| 亚洲AV性色在线观看| 一个人看的hd免费视频| 国产午夜无码精品免费看| 久久久精品2019免费观看 | a视频在线免费观看| 91香蕉国产线在线观看免费| 一二三四视频在线观看中文版免费 | 亚洲欧美熟妇综合久久久久 | 亚洲黄色网址在线观看| 亚洲午夜一区二区三区| 国内成人精品亚洲日本语音 | 亚洲xxxx视频| 一级a性色生活片久久无少妇一级婬片免费放| EEUSS影院WWW在线观看免费| 午夜不卡久久精品无码免费 | 一级毛片免费不卡在线| 成人男女网18免费视频| 国产av无码专区亚洲国产精品| 亚洲电影国产一区| 亚洲欧美国产日韩av野草社区|