Ciri baharu HTML5 (1) _html5 kemahiran tutorial

HTML5 ialah versi standard HTML [1] (aplikasi di bawah Standard Universal Markup Language) yang menggantikan standard HTML 4.01 dan XHTML 1.0 yang dirumuskan pada tahun 1999 ia masih dalam peringkat pembangunan, tetapi kebanyakan penyemak imbas sudah menyokongnya Teknologi HTML5 tertentu.

1. Pengisytiharan jenis dokumen baharu
Tiga pengisytiharan jenis dokumen yang dinyatakan oleh HTML4:

Kod XML/HTMLSalin kandungan ke papan keratan

1. >
2. >
3. >

Tiga pengisytiharan jenis dokumen yang dinyatakan oleh XHTML 1.0:

Kod XML/HTMLSalin kandungan ke papan keratan

1. > 
2. >
3. >

Dokumen XHTML 1.1 dengan tegas mentakrifkan jenis, yang setara dengan jenis definisi peralihan dokumen XHTML1.0

Kod XML/HTMLSalin kandungan ke papan keratan

1. >

Pengisytiharan jenis dokumen untuk HTML 5

Kod XML/HTMLSalin kandungan ke papan keratan

1. >

2. Tidak perlu menulis taip dalam skrip dan pautan

Kod XML/HTMLSalin kandungan ke papan keratan

1. <pautan rel=”stylesheet” href=”path/to/stylesheet.css” type=”text/css” />   == 》  <pautan rel=”stylesheet” href=”path/to/stylesheet.css”/>  
2. <skrip src=”path/to/script.js” taip=”teks/javascript”>skrip> ;    ==》  <skrip src=”path/to/ script.js”>skrip>  

3. 语义化header和footer标签
在HTML4或XHTML里，我们定义网页的页眉或页脚时会这掜：>

Kod XML/HTML

复制内容到剪贴板

1. <div id=”header”>  
…   
3. div>  
或   
5. <div id=”footer” >  
…   
7. div>  

而在HTML5里有直接定义上面元素块的标签，可以使代码更加的简洁和语义化>

Kod XML/HTML

复制内容到剪贴板

<
1. pengepala>   …   
3. pengepala>   或   
5. <pengaki>   …   
7. pengaki>  

4. hgroup标签，它主要是表明标题的集合

。如果有主标题、副标题，可以用这个。这个标签没什么大的用处，在最新的HTML5.1版中被废除了。我们如果想声明主标题和对应副标题说明，可以向下面这样。使用标可这样.于文章标题，不太适合网站标题。

Kod XML/HTML

复制内容到剪贴板

1. <h1>Soalan ujian hadapan: Ciri baharu HTML5< /h1>

Gunakan tag rentang untuk menandakan huraian sari kata

Kod XML/HTMLSalin kandungan ke papan keratan

1. <h1>Soalan ujian hadapan
2.  <span>Ciri baharu HTML5span>
3. h1>

Gunakan tag pengepala untuk membalut tajuk dan penerangan

Kod XML/HTMLSalin kandungan ke papan keratan

1. <pengepala>
2.  <h1>Soalan ujian hadapanh1> 
3.  <p>Ciri baharu HTML5p>
4. pengepala>

5. Tandakan tanda elemen

Kod XML/HTMLSalin kandungan ke papan keratan

1. Elemen <tanda> elemen mewakili larian teks dalam satu dokumen bertanda atau diserlahkan untuk tujuan rujukan, kerana kaitannya dalam konteks lain

boleh digunakan sebagai teg sorotan, dan aksara yang disertakan dengannya akan diserlahkan. …
6. Rajah elemen grafik
Dalam HTML4 atau XHTML, kod berikut digunakan untuk menghiasi ulasan gambar. .

Kod XML/HTMLSalin kandungan ke papan keratan

1. <img src=”path/to/image” alt=”Mengenai imej”/>
2. <p>Imej Bunga p>

Kod di atas tidak menyambungkan memori teks dan imej, tetapi gabungan angka dan kapsyen rajah yang ditambahkan oleh HTML5 boleh menyambungkan imej dan teks dengan sempurna.

Kod XML/HTMLSalin kandungan ke papan keratan

1. <tokoh>
2. <img src=”path/to/image” alt=”Mengenai imej”/>
3. <figcaption>
4.  <p>bunga yang cantikp> 
5. <figcaption>
6. angka>

7 Menentukan semula teg kecil
Teg dalam HTML5 menjadikan marginalia sebagai teks kecil, bertanggungjawab untuk pernyataan, langkah berjaga-jaga, sekatan undang-undang atau versi yang diisytiharkan biasanya teks kecil.
Small telah ditakrifkan dalam HTML4 atau XHTML, tetapi tiada penjelasan lengkap tentang penggunaannya. Dalam HTML, ia digunakan terutamanya untuk teks kecil seperti pernyataan versi dan alamat e-mel di bahagian bawah halaman web.
8 Pemegang tempat
Dalam HTML4 atau XHTML, jika kita ingin memaparkan mesej segera apabila kotak input kosong, apabila medan kotak input mendapat fokus Kesannya penghilangan segera hanya boleh ditulis dengan js. Pemegang tempat yang ditambahkan dalam HTML5 secara langsung mencapai kesan ini
Atribut pemegang tempat digunakan untuk jenis : teks, carian, url, telefon, e-mel dan kata laluan.

Kod XML/HTMLSalin kandungan ke papan keratan

1. <input pemegang tempat=”teks”>