標籤：表單元素 style img har 標題 維護 doctype 自己 滑鼠
有關HTML的一些基礎課程，很多網站都有講，於我而言，真正實踐起來，我只要求我能夠讓它表現出我所想要的結果即可。然而，這種要求，對於後期的維護與測試，真的是。。。。。。想起日前我們所做的這個項目，那裡面的jsp代碼，感覺有些看不下去，各種標籤混雜一起，而且經常使用的是無實義的比如div，看起來真是頭疼！所以，此番我做一個總結，方便日後做項目時，知道該如何規範好自己的代碼，做到嚴謹。
HTML，XHTML的區別：
HTML，HyperText Mark-up Language，是構成網頁文檔的主要語言。指的是html4，不過html5已經很火了。
XHTML，EXtensible HyperText Mark-up Language，較於html，它更加嚴格。
div和span
語義化
所謂語義化，就是將標籤的語義理解，放在它應該在的位置。
圖片語義化：
figure和figcaption：figure元素用於圖片和圖注，figcaption用於圖注的文字；
表格語義化：
| 標籤 | 說明 |
| table | 表格 |
| caption | 標題 |
| thead | 表頭 |
| tbody | 表身 |
| tfoot | 表尾 |
| tr | 行 |
| th | 表頭儲存格 |
| td | 表格儲存格 |
表單語義化：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>html</title> 6 </head> 7 <body> 8 <form action="" method="post"> 9 <fieldset>10 <legend>登陸系統</legend>11 <p>12 <label for="name">帳號：</label><input type="text" id="name" name="name" />13 </p>14 <p>15 <label for="pwd">密碼：</label><input type="password" id="name" name="name" />16 </p>17 <input type="checkbox" id="remenber" name="remenber" /><label for="remenber">記住我</label>18 <input type="submit" value="登陸" />19 </fieldset>20 </form>21 </body>22 </html>
其效果顯示：
相對也是比較好看的。
用多了自然也就熟悉了~
HTML的語義化，你需要深入瞭解
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
