曝光臺 注意防騙
網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者
每個LEAGUE 元素又由三個DIVISION 元素所組成。每個DIVISION 的名稱,也就是DIVISION_NAME 元素,具有HTML 中的H3
元素的作用。這兩條規則分別將這兩種元素加以格式化:
LEAGUE_NAME {display: block; text-align: center; font-size:
28pt; font-weight: bold}
DIVISION_NAME {display: block; text-align: center; font-size:
24pt; font-weight: bold}
XML 實用大全
第 71 頁
圖4-5 顯示的是最后的文檔。
圖4-5 將LEAGUE_NAME 和DIVISION_NAME 元素格式化為下級標題
HTML 和XML 的一個重要區別是,在HTML 中通常不會出現在一個元素中既包括節標題(H2、H3、H4 等),又包括該
節的完整內容的情況。節的內容必須包括在一級標題的結束和下一個同級標題的開始之間。這對于必須分析HTML
文檔的語法的軟件來說是非常重要的,例如,要自動生成目錄時。
Divisions 又分成為TEAM 元素。要將此格式化需要一些技巧,因為球隊的標題并不就是TEAM_NAME 元素,而是TEAM_CITY
元素與TEAM_NAME 拼接在一起的。所以這需要的是內聯元素而不是單獨的塊級元素。然而,它們仍然是標題,因而我們將其
設置為粗斜體的20 磅字體。圖4-6 顯示的是將這兩條規則加到樣式單中的結果。
TEAM_CITY {font-size: 20pt; font-weight: bold;
font-style: italic}
TEAM_NAME {font-size: 20pt; font-weight: bold;
font-style: italic}
XML 實用大全
第 72 頁
圖4-6 為隊名設置樣式
到此為止,將隊名與城市名作為結合起來的塊級元素來排列結果可能會是不錯的。有幾種辦法可達到這個目的。例如,可以
向XML 文檔中增加一個附加的TEAM_TITLE 元素,其目的只是為了包括TEAM_NAME 和TEAM_CITY。例如:
<TEAM>
<TEAM_TITLE>
<TEAM_CITY>Colorado</TEAM_CITY>
<TEAM_NAME>Rockies</TEAM_NAME>
</TEAM_TITLE>
</TEAM>
接著,可以增加一條向TEAM_TITLE 施加塊級格式化的樣式規則:
TEAM_TITLE {display: block; text-align: center}
但是,絕不應該為了使樣式單簡單一些而重新排列XML 文檔。畢竟,樣式單的總的目的是將格式化信息保存于文檔之外。不
過,用戶可以通過別的辦法達到同樣的效果。其辦法是,使緊挨著的上一個和下一個元素變成塊級元素,也就是說,將TEAM
和PLAYER 變成塊級元素。這就將TEAM_NAME 和TEAM_CITY 放在了由它們本身組成的隱式塊級元素之中了。圖4-7 顯示了其
結果。
TEAM {display: block}
XML 實用大全
第 73 頁
PLAYER {display: block}
圖4-7 作為段標題而格式化的隊名和城市名
4.4.4 為球員和統計元素指定樣式規則
本文檔需要的最具技巧的格式化是對每個球員及其統計數據的格式化。每個隊有幾十個球員。每個球員都有統計數據。應該
將TEAM 元素看作是由PLAYER 元素組成的,且將每個球員放在他自己的塊級節中,正如前一個元素所做的那樣。不過,排列
這些數據的更為吸引人且更為有效的方法是使用表格。達到這一目的的樣式規則如下所示:
TEAM {display: table}
TEAM_CITY {display: table-caption}
TEAM_NAME {display: table-caption}
PLAYER {display: table-row}
SURNAME {display: table-cell}
GIVEN_NAME {display: table-cell}
POSITION {display: table-cell}
GAMES {display: table-cell}
GAMES_STARTED {display: table-cell}
XML 實用大全
第 74 頁
AT_BATS {display: table-cell}
RUNS {display: table-cell}
HITS {display: table-cell}
DOUBLES {display: table-cell}
TRIPLES {display: table-cell}
HOME_RUNS {display: table-cell}
RBI {display: table-cell}
STEALS {display: table-cell}
CAUGHT_STEALING {display: table-cell}
SACRIFICE_HITS {display: table-cell}
SACRIFICE_FLIES {display: table-cell}
ERRORS {display: table-cell}
WALKS {display: table-cell}
STRUCK_OUT {display: table-cell}
HIT_BY_PITCH {display: table-cell}
遺憾的是,只有CSS2 才支持表格屬性,而Internet Explorer 5.0 和其他寫作本書時已存在的瀏覽器還不支持CSS2。由于
還不能使用表格的格式化方法,我們只好使TEAM 和PLAYER 成為塊級元素,而讓其他數據保持缺省格式。
4.4.5 本節小結
清單4-2 列出了完成后的樣式單。CSS 樣式單除了一條一條的規則之外,這種樣式單沒有什么結構。實際上,樣式單只是我
在上面分別介紹過的所有規則的列表。列表中的順序不是很重要,只要每條規則都包含進去也就可以了。
清單4-2:baseballstats.css
SEASON {font-size: 4pt; background-color: white;
color: black; display: block}
YEAR {display: block; font-size: 32pt; font-weight: bold;
text-align: center}
XML 實用大全
第 75 頁
LEAGUE_NAME {display: block; text-align: center;
font-size: 28pt; font-weight: bold}
DIVISION_NAME {display: block; text-align: center;
font-size: 24pt; font-weight: bold}
TEAM_CITY {font-size: 20pt; font-weight: bold;
font-style: italic}
TEAM_NAME {font-size: 20pt; font-weight: bold;
font-style: italic}
TEAM {display: block}
PLAYER {display: block}
到此就完成了棒球統計數據的基本格式化的任務。不過很清楚,還有許多工作要做。支持真正表格格式化的瀏覽器將會大有
幫助。然而還有其他工作。下面指出這些工作,其順序沒有什么關系:
• 只是列出了原始的數字,而沒有說明數字代表了什么。每個數字應該有一個為其命名的標題,如“RBI”或是“At
Bats”。
中國航空網 m.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址:
XML實用大全(27)