Pengenalan kepada perbezaan antara HTML dan XHTML, dan HTML4 dan HTML5 tags_HTML/Xhtml_Webpage Production

Perbezaan antara HTML dan XHTML
1 Elemen XHTML mesti bersarang dengan betul
2. Elemen XHTML mesti ditutup dan teg kosong juga mesti ditutup. Seperti

3. Elemen XHTML mestilah huruf kecil

4. Dokumen XHTML mesti mempunyai elemen akar

5. Nama atribut XHTML mestilah huruf kecil, nilai atribut mesti dalam tanda petikan dan atribut tidak boleh disingkatkan. Contohnya:
6. XHTML menggunakan atribut id dan bukannya atribut nama.

Nota: Ruang tambahan perlu ditambah sebelum simbol "/" untuk menjadikan XHTML anda serasi dengan penyemak imbas hari ini

7. Atribut bahasa (lang) Atribut lang digunakan pada hampir semua elemen XHTML. Ia mentakrifkan jenis bahasa yang digunakan untuk kandungan di dalam elemen. Jika anda menggunakan atribut lang dalam elemen, anda mesti menambah xml:lang tambahan, seperti ini:

Heia Norge!

Tiga jenis dokumen XML XHTML 1.0
XHTML 1.0 menentukan tiga jenis dokumen XML untuk sepadan dengan tiga DTD di atas.

Kod XML/HTMLSalin kandungan ke papan keratan

1. XHTML 1.0 Strict
3. AWAM "-//W3C//DTD XHTML 1.0 Strict//EN"
4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Gunakan dalam situasi di mana penanda bersih diperlukan untuk mengelakkan kekacauan dalam prestasi. Sila gunakannya dengan Helaian Gaya Lata.

Kod XML/HTMLSalin kandungan ke papan keratan

1. XHTML 1.0 Peralihan
3. AWAM "-//W3C//DTD XHTML 1.0 Peralihan//EN"
4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Gunakan apabila anda perlu memanfaatkan ciri pembentangan HTML dan apabila anda perlu menulis XHTML untuk penyemak imbas yang tidak menyokong helaian gaya berlatarkan.

Kod XML/HTMLSalin kandungan ke papan keratan

1. XHTML 1.0 Frameset
3. AWAM "-//W3C//DTD XHTML 1.0 Frameset//EN"
4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Digunakan dalam situasi ini: Apabila anda perlu menggunakan bingkai HTML untuk memisahkan tetingkap penyemak imbas kepada dua atau lebih bingkai.

HTML4 dan HTML5

HTML5 sangat popular baru-baru ini Mari kita lihat beberapa perbezaan antara teg HTML5 dan teg HTML4:
1 Perubahan dalam konsep

HTML5 memfokuskan pada kandungan dan struktur, tetapi bukan pada prestasi

Data berkaitan navigasi

>

Tajuk: Tutorial video khas HTML5

2. Pengisytiharan dan teg:
HTML5 telah memudahkan lebih banyak pengisytiharan dan teg, dan juga membuat peruntukan terperinci tentang keserasian, memansuhkan beberapa elemen dan menambah beberapa elemen.
Pengenalan sintaks teg HTML5 dan teg baharu

(1), Tag Tatabahasa:

a. Tag penamat yang tidak dibenarkan untuk ditulis: area, basebr, col, command, Embed, hr, img, input, keygen, link, meta, param, source, Track, wbr
b diabaikan Tag Terminator: li, dt, dd, p, rt, optgroup, option, Colgroup, thread, tbody, tr, td, th

c Tag yang boleh diabaikan sepenuhnya: html, head, body, colgroup, tbody

(2), teg baharu:

Tag mentakrifkan artikel
imej

mentakrifkan butang perintah

mentakrifkan senarai lungsur

kotak dialog ( Kotak perbualan)

Teg mentakrifkan kandungan interaktif luaran atau pemalam
Teg mentakrifkan satu set kandungan media dan tajuknya

atau teg

mentakrifkan pengepala halaman atau kawasan

maklumat berkaitan blok dalam fail definisi teg
bentuk definisi
Penanda mentakrifkan teks bertanda
Penanda mentakrifkan ukuran dalam julat yang telah ditetapkan

Proses tugas definisi teg
Teg digunakan dalam Rubyannotation untuk memberitahu penyemak imbas yang tidak menyokong elemen Ruby cara memaparkannya
>< ;teg ruby> mentakrifkan notasi rubyan
mentakrifkan kawasan
video> teg Tentukan video

Contoh mudah HTML5



Kod XML/HTML

Salin kandungan ke papan keratan

1. >    
2. <kepala>    
3. <meta charset=utf-8>    
4. <tajuk>PHP100中文网HTML5专题< 🎜>tajuk>    
5. <gaya taip="teks/ css" rel="stylesheet">   
6. header,nav,article,footer {border:solid 1px #666; padding:5px}    
7. header{width:500px}    
8. nav{float:left;width:60px;height:200px}   
9. artikel{float:left;width:428px;height:200px}   
10. pengaki{clear:both;width:500px}    
11. gaya>    
12. <skrip taip="teks/ javascript">    
13. document.createElement('article');    
14. document.createElement('nav');    
15. document.createElement('header');    
16. skrip>    
17. kepala>    
18. <badan>    
19. <pengepala>    
20. <hgroup>导航相关数据<> hgroup>    
21. pengepala>    
22. <nav>菜单nav>    
23. <artikel>    
24. <h1>HTML5专题视频教程< >h1>    
发布日期:
25. <masa>09:00masa>    
26. <masa masa tarikh="2013- 2-10">春节masa>    
27. <p>测试相关内容 p>    
28. artikel>    
29. <pengaki>    
30. <alamat>地址alamat>    
31. pengaki>    
32. badan>    
33. html>