Penurunan berat badan HTML, teg HTML diperkemas untuk membuat halaman web_HTML/Xhtml_pengeluaran halaman web-html tutorial-php.cn

Penurunan berat badan HTML, teg HTML diperkemas untuk membuat halaman web_HTML/Xhtml_pengeluaran halaman web

WBOY

Lepaskan： 2016-05-16 16:42:43

asal

1439 orang telah melayarinya

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>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></base></font></del></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"><body></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></body></font></code>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></br></font></del></code>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></col></font></del></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></colgroup></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></dd></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></dt></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"><head></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></head></font></code>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></hr></font></del></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"><html></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></html></font></code>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></img></font></del></code>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></input></font></del></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></li></font></code>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></link></font></del></code>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></meta></font></del></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></option></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></p></font></code>

Salin selepas log masuk

<code><del><font face="Consolas" size="2"></param></font></del></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"><tbody></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></tbody></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></td></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></tfoot></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></th></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></thead></font></code>

Salin selepas log masuk

<code><font face="Consolas" size="2"></tr></font></code>

Salin selepas log masuk

Sebagai contoh, kod anda ialah

<code><font face="Consolas" size="2"><li>List item</li></font></code>

Salin selepas log masuk

boleh ditulis sebagai

<code><font face="Consolas" size="2"><li>List item</font></code>

Salin selepas log masuk

Contoh lain ialah perenggan harus berakhir dengan

<code><font face="Consolas" size="2"></p></font></code>

Salin selepas log masuk

Pada akhirnya, anda boleh menulis

<code><font face="Consolas" size="2"><p>My paragraph</font></code>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

menggantikan

<code><font face="Consolas" size="2"><meta http-equiv="content-type" content="text/html; charset=utf-8"></font></code>

Salin selepas log masuk

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>

Salin selepas log masuk

atau

<code><font face="Consolas" size="2">type="text/javascript"</font></code>

Salin selepas log masuk

Anda boleh menggunakan

<code><font face="Consolas" size="2"><script></font></code>

Salin selepas log masuk

pengganti

<code><font face="Consolas" size="2"><script type="text/javascript"></font></code>

Salin selepas log masuk

guna

<code><font face="Consolas" size="2"><style></font></code>

Salin selepas log masuk

pengganti

<code><font face="Consolas" size="2"><style type="text/css"></font></code>

Salin selepas log masuk

Dalam semua jenis halaman (walaupun XHTHML) anda boleh meninggalkan

<code><font face="Consolas" size="2">type="text/css"</font></code>

Salin selepas log masuk

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.