Rumah >hujung hadapan web >tutorial css >HTML vs XHTML: Membandingkan dua mod parsing
HTML vs XHTML: Membandingkan dua mod parsing
- Jennifer Anistonasal
- 2025-02-27 08:49:15935semak imbas
Penjelasan terperinci mengenai corak parsing html5: perbezaan antara html dan xml
HTML5 menyediakan dua mod parsing: HTML dan XML. Mod mana yang hendak dipilih bergantung kepada sama ada dokumen menggunakan kepala Content-type: text/html atau Content-type: application/xml xhtml untuk menyediakan perkhidmatan, setiap mod mempunyai set peraturan sendiri.
mod parsing HTML membolehkan fleksibiliti yang lebih besar, seperti: tag dan atribut adalah kes-tidak sensitif, tag permulaan dan akhir unsur-unsur tertentu adalah pilihan, dan atribut tidak diperlukan untuk sebut harga. Walau bagaimanapun, ia memerlukan HTML5 DOCTYPE untuk dimasukkan.
mod parsing XHTML5 (juga dikenali sebagai sintaks XML HTML5) lebih ketat, yang memerlukan semua elemen mempunyai tag permulaan dan akhir, tag dan atribut adalah kes sensitif, atribut nilai mesti disertakan dalam petikan, dan atribut kosong tidak dibenarkan. Skema ini juga perlu memasukkan atribut ruang nama XML dan Content-type: application/xml xhtml tajuk tindak balas.
sintaks HTML
mari kita lihat dokumen HTML5 yang lain:
<code class="language-html"><!DOCTYPE html>
<meta charset="utf-8">
<title>Hi</title>
<link href="style.css" rel="stylesheet" type="text/css">
<p>
<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174061735712724.jpg" class="lazy" alt="HTML vs XHTML: Comparing Two Parsing Modes ">
Isn't this a lovely flower?
</p>
<p>
Yes, that is a lovely flower. What kind is it?
</p>
</code>
Baris pertama adalah perisytiharan Doctype. Seperti semua tag HTML5, ia tidak sensitif.
seterusnya ialah elemen . Unsur biasanya mengandungi maklumat mengenai dokumen, seperti tajuk atau set aksara. Dalam contoh ini, elemen kami mengandungi elemen <meta> yang mentakrifkan set aksara untuk dokumen ini. Termasuk set aksara adalah pilihan, tetapi anda harus sentiasa menetapkan satu, dan UTF-8 disyorkan.
elemen kami juga mengandungi tajuk dokumen (<title>Hi</title>). Dalam kebanyakan penyemak imbas, teks antara tag <title></title> muncul di bahagian atas tetingkap atau tab penyemak imbas.
Komen dalam HTML adalah serpihan teks yang tidak akan diberikan dalam penyemak imbas. Mereka hanya dapat dilihat dalam kod sumber dan sering digunakan untuk meninggalkan komen mengenai dokumen kepada diri sendiri atau rakan sekerja. Sesetengah program perisian yang menjana kod HTML juga mungkin mengandungi komen. Komen boleh muncul hampir di mana sahaja dalam dokumen HTML. Setiap komen mesti bermula dengan <!-- dan berakhir dengan -->.
Dokumen juga boleh mengandungi unsur -unsur <link> yang menunjuk kepada sumber luaran, seperti yang ditunjukkan di bawah. Sumber mungkin termasuk stylesheets, imej favicon, atau suapan RSS. Kami menggunakan atribut rel untuk menerangkan hubungan antara dokumen dan dokumen yang kami kaitkan. Dalam contoh ini, kami menghubungkan ke fail gaya cascading atau fail CSS. CSS adalah bahasa gaya yang kami gunakan untuk menggambarkan penampilan dokumen dan bukannya strukturnya.
kita juga boleh memasukkan CSS dalam fail menggunakan elemen <style></style> (dibatasi di sini oleh <style></style> dan ). Walau bagaimanapun, dengan menggunakan elemen <link> membolehkan kami berkongsi fail stylesheet yang sama di beberapa halaman.
dengan cara, <meta> dan <link> adalah contoh elemen HTML kosong; Sebagai contoh, / akan menjadi <meta charset="utf-8">, tetapi ini tidak perlu. <meta charset="utf-8">
HTML5 juga boleh ditulis dalam sintaks seperti XML. Anda mungkin ingat bahawa XHTML 1.0 dalam Bab 1 adalah "HTML 4 sebagai penggantian aplikasi XML 1.0." Ini tidak sepenuhnya benar untuk apa yang kadang -kadang disebut "XHTML5". "XHTML5" paling baik difahami sebagai penulisan dan parsing menggunakan peraturan sintaks XML dan bertindak balas kepada HTML5 yang disediakan dalam header menggunakan Content-type: application/xml xhtml.
Peraturan berikut dikenakan kepada "XHTML5":
-
<li> Semua elemen mesti mempunyai tag permulaan.
<li> unsur-unsur yang tidak kosong dengan tag permulaan mestilah mempunyai tag akhir (mis.
<p></p> dan <li>).
<li> Mana-mana elemen boleh digunakan / & gt;
<li> Label dan atribut adalah kes sensitif dan biasanya kes yang lebih rendah.
<li> Nilai atribut mesti disertakan dalam petikan.
Atribut unit adalah dilarang (checked). checked="checked"
checked="true" Watak -watak khas mesti melarikan diri menggunakan entiti aksara.
<li>
tag permulaan (XML Namespace). Jika kita menulis semula dokumen di atas untuk menggunakan sintaks XML, ia akan kelihatan seperti ini:
xmlns
<code class="language-html"><!DOCTYPE html>
<meta charset="utf-8">
<title>Hi</title>
<link href="style.css" rel="stylesheet" type="text/css">
<p>
<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174061735712724.jpg" class="lazy" alt="HTML vs XHTML: Comparing Two Parsing Modes ">
Isn't this a lovely flower?
</p>
<p>
Yes, that is a lovely flower. What kind is it?
</p>
</code> untuk memaklumkan penyemak imbas bahawa kami menggunakan sintaks yang lebih ketat. Kami juga menanggung tag untuk unsur-unsur kosong kami dan xmlns. Menurut peraturan XML dan XHTML, semua elemen mesti ditutup dengan tag akhir, atau ditutup dengan ruang, slash dan kurungan sudut kanan (<meta> & gt;). <img alt="HTML vs XHTML: Membandingkan dua mod parsing" >
/ Dalam contoh ini, kita juga menelefon diri kita
, anda juga boleh menggunakan sintaks penutupan diri. <code>application/xml xhtml
dari pelayan. Malah, walaupun Doctype hilang, termasuk tajuk ini akan mencetuskan XHTML5 parsing dalam penyemak imbas paman standard. Content-type: application/xml xhtml
dan sintaks HTML yang lebih longgar. text/html
(bahagian FAQ ditinggalkan di sini kerana artikel itu terlalu panjang dan tidak sepadan dengan matlamat asal pseudo. Bahagian FAQ boleh ditambah atau diubahsuai seperti yang diperlukan.) <p></p>
Atas ialah kandungan terperinci HTML vs XHTML: Membandingkan dua mod parsing. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!