DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML基礎 >> 大話XML(2)XML和HTML的比較1
大話XML(2)XML和HTML的比較1
編輯:XML基礎     

 

二. XML和HTML的比較   下面我們看一個實例:

  有一個關於學生的信息:包括學生的編號,姓名,性別,年齡。

  我們下面用三種表達方式來表現這個學生的信息。

  這個學生的信息數據是相同的:001, 張三, 男, 20

  我們先用HTML來展示3種不同的表現形式,但我們所用到的這個學生的數據是相同的。

第一種表達方式:

顯示的效果:

001, 張三, 男, 20

HTML源代碼:

<body>

001, 張三, 男, 20

</body>

第二種表達方式: 顯示的效果:

編號

001

姓名

張三

性別

年齡

20



HTML源代碼:

<body>

<table width="300" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000">

<tr>

<td>

<table width="300" border="0" cellspacing="1" cellpadding="0" bgcolor="1">

<tr>

<td>編號</td>

<td>001</td>

</tr>

<tr>

<td>姓名</td>

<td>張三</td>

</tr>

<tr>

<td>性別</td>

<td>男</td>

</tr>

<tr>

<td>年齡</td>

<td>20 </td>

</tr>

</table>

</td>

</tr>

</table>

</body>

第三種表達方式: 顯示的效果:

學生信息

 

編號:

 

性別:

 

姓名:

 

年齡:



HTML源代碼:

<body>

<p>學生信息</p>

<p>編號:

<input type="text" name="textfield" value="001">

</p>性別:

<input type="text" name="textfield2" value="男">

<p>姓名:

<input type="text" name="textfield3" value="張三">

</p>

<p>年齡:

<input type="text" name="textfield4" value="20">

</p>

<p>

<input type="submit" name="Submit" value="Submit">

<input type="submit" name="Submit2" value="Reset">

</p>

</body>

  看了上面的這個例子,同志們有什麼想法?

  是不是感覺HTML越來越肥,通過源代碼來找數據是不是越來越困難啦?

  HTML本身存在很多的缺點,例如,內容和頁面的排版、表現形式混在一起,過度的膨脹。數據庫存儲的信息,經過CGI,ASP等的解釋和轉換為HTML格式後,信息原有的格式已變得面目全非。電子商務的逐漸流行,HTML本身的種種缺點卻阻礙了他的發展。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved