Rumah >hujung hadapan web >html tutorial >Penurunan berat badan HTML, teg HTML diperkemas untuk membuat halaman web_HTML/Xhtml_pengeluaran halaman web
Penurunan berat badan HTML, teg HTML diperkemas untuk membuat halaman web_HTML/Xhtml_pengeluaran halaman web
- WBOYasal
- 2016-05-16 16:42:431440semak imbas
HTML 4
HTML (bukan XHTML), jenis MIME ialah teks/html, membenarkan beberapa teg ditinggalkan. Dengan HTML 4 DTD, anda boleh meninggalkan teg berikut (elemen yang dipanggil boleh dielakkan itu ditandakan di sini dengan coretan)
<code><del><font face="Consolas" size="2"></area></font></del></code>
<code><del><font face="Consolas" size="2"></base></font></del></code>
<code><font face="Consolas" size="2"><body></font></code>
<code><font face="Consolas" size="2"></body></font></code>
<code><del><font face="Consolas" size="2"></br></font></del></code>
<code><del><font face="Consolas" size="2"></col></font></del></code>
<code><font face="Consolas" size="2"></colgroup></font></code>
<code><font face="Consolas" size="2"></dd></font></code>
<code><font face="Consolas" size="2"></dt></font></code>
<code><font face="Consolas" size="2"><head></font></code>
<code><font face="Consolas" size="2"></head></font></code>
<code><del><font face="Consolas" size="2"></hr></font></del></code>
<code><font face="Consolas" size="2"><html></font></code>
<code><font face="Consolas" size="2"></html></font></code>
<code><del><font face="Consolas" size="2"></img></font></del></code>
<code><del><font face="Consolas" size="2"></input></font></del></code>
<code><font face="Consolas" size="2"></li></font></code>
<code><del><font face="Consolas" size="2"></link></font></del></code>
<code><del><font face="Consolas" size="2"></meta></font></del></code>
<code><font face="Consolas" size="2"></option></font></code>
<code><font face="Consolas" size="2"></p></font></code>
<code><del><font face="Consolas" size="2"></param></font></del></code>
<code><font face="Consolas" size="2"><tbody></font></code>
<code><font face="Consolas" size="2"></tbody></font></code>
<code><font face="Consolas" size="2"></td></font></code>
<code><font face="Consolas" size="2"></tfoot></font></code>
<code><font face="Consolas" size="2"></th></font></code>
<code><font face="Consolas" size="2"></thead></font></code>
<code><font face="Consolas" size="2"></tr></font></code>
Sebagai contoh, kod anda ialah
<code><font face="Consolas" size="2"><li>List item</li></font></code>
boleh ditulis sebagai
<code><font face="Consolas" size="2"><li>List item</font></code>
Contoh lain ialah perenggan harus berakhir dengan
<code><font face="Consolas" size="2"></p></font></code>
Pada akhirnya, anda boleh menulis
<code><font face="Consolas" size="2"><p>My paragraph</font></code>
Anda juga boleh mengalih keluar html, kepala dan badan (pastikan ini selesa untuk anda sebelum menggunakan ini sebagai standard pengekodan anda).
Selepas meninggalkan teg, HTML masih sah dan saiz fail dikecilkan. Untuk halaman biasa, anda boleh menjimatkan 5-20%.
HTML 5
Pembangunan HTML 5 yang berterusan menyediakan beberapa cara untuk mengurangkan saiz fail.
Contohnya, pengisytiharan jenis dokumen halaman
<code><font face="Consolas" size="2"><!DOCTYPE html></font></code>
Perbandingan
<code><font face="Consolas" size="2"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></font></code>
Nampaknya DTD HTML 5 adalah lebih pendek.
HTML 5 lebih mudah digunakan dan lebih pendek apabila menentukan pengekodan untuk halaman:
<code><font face="Consolas" size="2"><meta charset="utf-8"></font></code>
menggantikan
<code><font face="Consolas" size="2"><meta http-equiv="content-type" content="text/html; charset=utf-8"></font></code>
Biasanya, penyemak imbas mengendalikan HTML dengan betul.
Selain itu, dalam HTML 5 hari ini, anda boleh mengalih keluar atribut jenis yang mengisytiharkan jenis MIME, seperti
<code><font face="Consolas" size="2">type="text/css"</font></code>atau
<code><font face="Consolas" size="2">type="text/javascript"</font></code>
Anda boleh menggunakan
<code><font face="Consolas" size="2"><script></font></code>pengganti
<code><font face="Consolas" size="2"><script type="text/javascript"></font></code>guna
<code><font face="Consolas" size="2"><style></font></code>pengganti
<code><font face="Consolas" size="2"><style type="text/css"></font></code>
Dalam semua jenis halaman (walaupun XHTHML) anda boleh meninggalkan
<code><font face="Consolas" size="2">type="text/css"</font></code>
HTML 5 menjadikannya lebih mudah.
Menggunakan semua kaedah di atas pada masa yang sama akan menghasilkan penjimatan fail sebanyak 10%-20% (atau lebih), bergantung pada gaya pengekodan anda dan jumlah kandungan teks dalam halaman. Kod akan menjadi lebih bersih dan pelawat akan mendapat kandungan laman web dengan lebih cepat. Kami menggunakan banyak teknik ini dalam projek Pusat Privasi, menjimatkan 20% daripada saiz fail asal.