在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如
和
而不一定写对应的和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:
2.所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，
和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常Dreamweaver自动生成的属性名字"onMouSEOver"也必须修改成"onmouseover"。</p>
<p>3.所有的xml标记都必须合理嵌套</p>
<p> 同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：</p>
<p><br></p>
<p><p><b></p>/b></p>
<p><br></p>
<p> 必须修改为：</p>
<p><br></p>
<p><p><b></b></p></p>
<p><br></p>
<p> 就是说，一层一层的嵌套必须是严格对称。</p>
<p>4.所有的属性必须用引号""括起来</p>
<p> 在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:</p>
<p><br></p>
<p><height=80></p>
<p><br></p>
<p> 必须修改为：</p>
<p><br></p>
<p><height="80"></p>
<p><br></p>
<p> 特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：</p>
<p><br></p>
<p><alt="say'hello'"></p>
<p><br></p>
<p>5.把所有<和&特殊符号用编码表示</p><p>任何小于号（<），不是标签的一部分，都必须被编码为</p><p>& l t ;</p><p>任何大于号（>），不是标签的一部分，都必须被编码为</p>
<p>& g t ;</p>
<p>任何与号（&），不是实体的一部分的，都必须被编码为</p>
<p>& a m p;</p>
<p> 注：以上字符之间无空格。</p>
<p>6.给所有属性赋一个值</p>
<p> XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：</p>
<p><br></p>
<p><td nowrap></p>
<p><input type="checkbox" name="shirt" value="medium" checked></p>
<p><br></p>
<p> 必须修改为：</p>
<p><br></p>
<p><td nowrap="nowrap"></p>
<p><input type="checkbox" name="shirt" value="medium" checked="checked"></p>
<p><br></p>
<p>7.不要在注释内容中使“--”</p>
<p> “--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:</p>
<p><br></p>
<p><!--这里是注释-----------这里是注释--></p>
<p><br></p>
<p> 用等号或者空格替换内部的虚线。</p>
<p><br></p>
<p><!--这里是注释============这里是注释--></p>
<p><br></p>
<p> 以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。</p>
<p> 以上就是使用Web标准建站第6天：XHTML代码规范的内容，更多相关内容请关注PHP中文网（www.php.cn）！ </p>
<p><br></p></div><div class="wzconShengming_sp"><div class="bzsmdiv_sp">Kenyataan</div><div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div></div></div><div class="phpgenera_Details_mainL4"><div class="phpmain1_2_top"><a href="javascript:void(0);" class="phpmain1_2_top_title">Artikel Berkaitan<img class="lazy"
data-src="/static/imghwm/index2_title2.png" src="/static/imghw/default1.png" alt="" /></a></div><div class="phpgenera_Details_mainL4_info"><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ms/faq/1796798320.html" title="Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan Web" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/article/001/253/068/174499214213783.jpg?x-oss-process=image/resize,p_40" alt="Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan Web" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ms/faq/1796798320.html" title="Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan Web" class="phphistorical_Version2_mids_title">Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan Web</a><span class="Articlelist_txts_time">Apr 19, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">Trend masa depan HTML adalah semantik dan komponen web, trend masa depan CSS adalah CSS-in-JS dan CSShoudini, dan trend masa depan JavaScript adalah webassembly dan tanpa pelayan. 1. Semantik HTML meningkatkan kebolehcapaian dan kesan SEO, dan komponen web meningkatkan kecekapan pembangunan, tetapi perhatian harus dibayar kepada keserasian penyemak imbas. 2. CSS-in-JS meningkatkan fleksibiliti pengurusan gaya tetapi boleh meningkatkan saiz fail. Csshoudini membolehkan operasi langsung rendering CSS. 3.Webassembly mengoptimumkan prestasi aplikasi penyemak imbas tetapi mempunyai keluk pembelajaran yang curam, dan tanpa pelayan memudahkan pembangunan tetapi memerlukan pengoptimuman masalah permulaan sejuk.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ms/faq/1796797816.html" title="HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/article/001/253/068/174490615241003.jpg?x-oss-process=image/resize,p_40" alt="HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ms/faq/1796797816.html" title="HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku" class="phphistorical_Version2_mids_title">HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku</a><span class="Articlelist_txts_time">Apr 18, 2025 am 12:09 AM</span><p class="Articlelist_txts_p">Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML mentakrifkan struktur laman web, 2. CSS mengawal gaya laman web, dan 3. JavaScript menambah tingkah laku dinamik. Bersama -sama, mereka membina kerangka, estetika dan interaktiviti laman web moden.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ms/faq/1796797300.html" title="Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk Web" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/article/001/253/068/174481993285664.jpg?x-oss-process=image/resize,p_40" alt="Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk Web" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ms/faq/1796797300.html" title="Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk Web" class="phphistorical_Version2_mids_title">Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk Web</a><span class="Articlelist_txts_time">Apr 17, 2025 am 12:12 AM</span><p class="Articlelist_txts_p">Masa depan HTML penuh dengan kemungkinan yang tidak terhingga. 1) Ciri -ciri dan piawaian baru akan merangkumi lebih banyak tag semantik dan populariti komponen web. 2) Trend reka bentuk web akan terus berkembang ke arah reka bentuk yang responsif dan boleh diakses. 3) Pengoptimuman prestasi akan meningkatkan pengalaman pengguna melalui pemuatan imej yang responsif dan teknologi pemuatan malas.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ms/faq/1796796827.html" title="HTML vs CSS vs JavaScript: Gambaran Keseluruhan Perbandingan" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/article/001/253/068/174473305338023.jpg?x-oss-process=image/resize,p_40" alt="HTML vs CSS vs JavaScript: Gambaran Keseluruhan Perbandingan" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ms/faq/1796796827.html" title="HTML vs CSS vs JavaScript: Gambaran Keseluruhan Perbandingan" class="phphistorical_Version2_mids_title">HTML vs CSS vs JavaScript: Gambaran Keseluruhan Perbandingan</a><span class="Articlelist_txts_time">Apr 16, 2025 am 12:04 AM</span><p class="Articlelist_txts_p">Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: HTML bertanggungjawab untuk struktur kandungan, CSS bertanggungjawab untuk gaya, dan JavaScript bertanggungjawab untuk tingkah laku dinamik. 1. HTML mentakrifkan struktur laman web dan kandungan melalui tag untuk memastikan semantik. 2. CSS mengawal gaya laman web melalui pemilih dan atribut untuk menjadikannya cantik dan mudah dibaca. 3. JavaScript mengawal tingkah laku laman web melalui skrip untuk mencapai fungsi dinamik dan interaktif.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ms/faq/1796796249.html" title="HTML: Adakah bahasa pengaturcaraan atau yang lain?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/article/001/253/068/174464723172609.jpg?x-oss-process=image/resize,p_40" alt="HTML: Adakah bahasa pengaturcaraan atau yang lain?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ms/faq/1796796249.html" title="HTML: Adakah bahasa pengaturcaraan atau yang lain?" class="phphistorical_Version2_mids_title">HTML: Adakah bahasa pengaturcaraan atau yang lain?</a><span class="Articlelist_txts_time">Apr 15, 2025 am 12:13 AM</span><p class="Articlelist_txts_p">Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworkswithcssforstylingandjavascriptforinteractivity, meningkatkan pembangunan semula.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ms/faq/1796795665.html" title="HTML: Membina struktur laman web" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/article/001/253/068/174456085285529.jpg?x-oss-process=image/resize,p_40" alt="HTML: Membina struktur laman web" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ms/faq/1796795665.html" title="HTML: Membina struktur laman web" class="phphistorical_Version2_mids_title">HTML: Membina struktur laman web</a><span class="Articlelist_txts_time">Apr 14, 2025 am 12:14 AM</span><p class="Articlelist_txts_p">HTML adalah asas struktur laman web bangunan. 1. HTML mentakrifkan struktur kandungan dan semantik, dan penggunaan, dan sebagainya. 2. Menyediakan penanda semantik, seperti, dan sebagainya, untuk meningkatkan kesan SEO. 3. Untuk merealisasikan interaksi pengguna melalui tag, perhatikan pengesahan bentuk. 4. Gunakan elemen lanjutan seperti, digabungkan dengan JavaScript untuk mencapai kesan dinamik. 5. Kesilapan biasa termasuk label yang tidak terkawal dan nilai atribut yang tidak disebutkan, dan alat pengesahan diperlukan. 6. Strategi pengoptimuman termasuk mengurangkan permintaan HTTP, memampatkan HTML, menggunakan tag semantik, dll.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ms/faq/1796795191.html" title="Dari teks ke laman web: Kekuatan HTML" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/article/001/253/068/174447404295304.jpg?x-oss-process=image/resize,p_40" alt="Dari teks ke laman web: Kekuatan HTML" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ms/faq/1796795191.html" title="Dari teks ke laman web: Kekuatan HTML" class="phphistorical_Version2_mids_title">Dari teks ke laman web: Kekuatan HTML</a><span class="Articlelist_txts_time">Apr 13, 2025 am 12:07 AM</span><p class="Articlelist_txts_p">HTML adalah bahasa yang digunakan untuk membina laman web, menentukan struktur laman web dan kandungan melalui tag dan atribut. 1) HTML menganjurkan struktur dokumen melalui tag, seperti,. 2) Penyemak imbas menghancurkan HTML untuk membina DOM dan menjadikan laman web. 3) Ciri -ciri baru HTML5, seperti, meningkatkan fungsi multimedia. 4) Kesilapan biasa termasuk label yang tidak terkawal dan nilai atribut yang tidak disebutkan. 5) Cadangan pengoptimuman termasuk menggunakan tag semantik dan mengurangkan saiz fail.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/ms/faq/1796794693.html" title="Memahami HTML, CSS, dan JavaScript: Panduan Pemula" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/article/001/253/068/174438733162787.jpg?x-oss-process=image/resize,p_40" alt="Memahami HTML, CSS, dan JavaScript: Panduan Pemula" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/ms/faq/1796794693.html" title="Memahami HTML, CSS, dan JavaScript: Panduan Pemula" class="phphistorical_Version2_mids_title">Memahami HTML, CSS, dan JavaScript: Panduan Pemula</a><span class="Articlelist_txts_time">Apr 12, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">WebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.</p></div></div><a href="https://m.php.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton"><span>See all articles</span><img class="lazy" data-src="/static/imghwm/down_right.png" src="/static/imghw/default1.png" alt="" /></a></div><ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-6t+ed+2i-1n-4w"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});
</script><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>Alat AI Hot</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress"class="phpmain_tab2_mids_title"><h3>Undresser.AI Undress</h3></a><p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover"class="phpmain_tab2_mids_title"><h3>AI Clothes Remover</h3></a><p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/ai/undress-ai-tool" title="Undress AI Tool"class="phpmain_tab2_mids_title"><h3>Undress AI Tool</h3></a><p>Gambar buka pakaian secara percuma</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/ai/clothoffio" title="Clothoff.io"class="phpmain_tab2_mids_title"><h3>Clothoff.io</h3></a><p>Penyingkiran pakaian AI</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/ai/ai-hentai-generator" title="AI Hentai Generator"class="phpmain_tab2_mids_title"><h3>AI Hentai Generator</h3></a><p>Menjana ai hentai secara percuma.</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ms/ai">Tunjukkan Lagi</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>Artikel Panas</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/1796785841.html" title="Assassin's Creed Shadows: Penyelesaian Riddle Seashell" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Penyelesaian Riddle Seashell</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 minggu yang lalu</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/1796789525.html" title="Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini" class="phpgenera_Details_mainR4_bottom_title">Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>2 minggu yang lalu</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/1796785857.html" title="Di mana untuk mencari kad kunci kawalan kren di atomfall" class="phpgenera_Details_mainR4_bottom_title">Di mana untuk mencari kad kunci kawalan kren di atomfall</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>3 minggu yang lalu</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/1796781206.html" title="Penjimatan di R.E.P.O. Dijelaskan (dan simpan fail)" class="phpgenera_Details_mainR4_bottom_title">Penjimatan di R.E.P.O. Dijelaskan (dan simpan fail)</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 bulan yang lalu</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/1796783009.html" title="Assassin's Creed Shadows - Cara Mencari Orang Panda" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows - Cara Mencari Orang Panda</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 minggu yang lalu</span><span>ByDDD</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ms/article.html">Tunjukkan Lagi</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>Alat panas</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/toolset/development-tools/1556" title="MantisBT" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/manual/000/000/004/169206588591843.png" src="/static/imghw/default1.png" alt="MantisBT" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/toolset/development-tools/1556" title="MantisBT" class="phpmain_tab2_mids_title"><h3>MantisBT</h3></a><p>Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/toolset/development-tools/1471" title="SublimeText3 Linux versi baharu" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/manual/000/000/001/5aab420a5fb42187.jpg" src="/static/imghw/default1.png" alt="SublimeText3 Linux versi baharu" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/toolset/development-tools/1471" title="SublimeText3 Linux versi baharu" class="phpmain_tab2_mids_title"><h3>SublimeText3 Linux versi baharu</h3></a><p>SublimeText3 Linux versi terkini</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title"><h3>SublimeText3 versi Cina</h3></a><p>Versi Cina, sangat mudah digunakan</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/toolset/development-tools/660" title="Muat turun versi mac editor Atom" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/manual/000/000/001/58ed8cfa94c1a582.jpg" src="/static/imghw/default1.png" alt="Muat turun versi mac editor Atom" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/toolset/development-tools/660" title="Muat turun versi mac editor Atom" class="phpmain_tab2_mids_title"><h3>Muat turun versi mac editor Atom</h3></a><p>Editor sumber terbuka yang paling popular</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title"><h3>SublimeText3 versi Mac</h3></a><p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ms/ai">Tunjukkan Lagi</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>Topik panas</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel gmail?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
alt="" /><span>7563</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
alt="" /><span>15</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial CakePHP</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
alt="" /><span>1385</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
alt="" /><span>52</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/steamdzhmcssmgs" title="Apakah format nama akaun stim" class="phpgenera_Details_mainR4_bottom_title">Apakah format nama akaun stim</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
alt="" /><span>84</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
alt="" /><span>11</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/winactivationkeyper" title="kunci pengaktifan win11 kekal" class="phpgenera_Details_mainR4_bottom_title">kunci pengaktifan win11 kekal</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
alt="" /><span>61</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
alt="" /><span>19</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/ms/faq/newyorktimesdailybrief" title="Sambungan NYT menunjukkan dan jawapan" class="phpgenera_Details_mainR4_bottom_title">Sambungan NYT menunjukkan dan jawapan</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
alt="" /><span>28</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
alt="" /><span>99</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ms/faq/zt">Tunjukkan Lagi</a></div></div></div></div></main><ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});
</script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p></div><div class="footermid"><a href="https://m.php.cn/ms/about/us.html">Tentang kita</a><a href="https://m.php.cn/ms/about/disclaimer.html">Penafian</a><a href="https://m.php.cn/ms/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved
</p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script> var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '9']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script><script> jQuery.fn.wait = function (func, times, interval) {
var _times = times || -1, //100次
_interval = interval || 20, //20毫秒每次
_self = this,
_selector = this.selector, //选择器
_iIntervalID; //定时器id
if( this.length ){ //如果已经获取到了，就直接执行函数
func && func.call(this);
} else {
_iIntervalID = setInterval(function() {
if(!_times) { //是0就退出
clearInterval(_iIntervalID);
}
_times <= 0 || _times--; //如果是正数就 --
_self = $(_selector); //再次选择
if( _self.length ) { //判断是否取到
func && func.call(_self);
clearInterval(_iIntervalID);
}
}, _interval);
}
return this;
}
$("table.syntaxhighlighter").wait(function() {
$('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
$(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script><script>// 通用函数，用于显示或隐藏元素
function toggleElementsDisplay(className, show) {
const elements = document.getElementsByClassName(className);
for (let i = 0; i < elements.length; i++) {
elements[i].style.display = show ? "block" : "none";
}
}
// 页面加载完成后执行的主函数
document.addEventListener("DOMContentLoaded", () => {
// 1. 绑定菜单按钮事件
const bindMenuEvents = () => {
const toggleDisplay = (className, show, eventId) => {
const element = document.getElementById(eventId);
if (element) {
element.addEventListener("click", (event) => {
event.preventDefault();
toggleElementsDisplay(className, show);
});
}
};
toggleDisplay("m_editormain12main", true, "fixed_tab_img");
toggleDisplay("m_editormain12main", false, "fixed_tab_topi");
toggleDisplay("m_editormain12main", false, "fixed_tab_close");
toggleDisplay("m_menu", true, "lan1sp");
toggleDisplay("m_menu", false, "m_editormain12main_topi_sp");
toggleDisplay("m_menu_lang", true, "lan1");
toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan");
};
// 2. 绑定滚动链接事件
const bindScrollLinks = () => {
const titleList = document.getElementById("fixed_tab_titlelist");
const menuMain = document.getElementsByClassName("m_editormain12main")[0];
const links = document.querySelectorAll('.fixed_tab_a');
links.forEach(linkElement => {
if (linkElement) {
linkElement.addEventListener("click", async (e) => {
e.preventDefault();
e.stopPropagation();
// 先隐藏菜单
if (menuMain) menuMain.style.display = "none";
if (titleList) titleList.style.display = "none";
// 获取目标元素的 ID
const targetId = linkElement.getAttribute('href').substring(1);
const targetElement = document.getElementById(targetId);
// 等待 DOM 更新
await new Promise(resolve => requestAnimationFrame(resolve));
// 滚动到目标位置
if (targetElement) {
targetElement.scrollIntoView({
behavior: "smooth",
block: "start"
});
}
});
}
});
};
// 3. 绑定关闭按钮事件
const bindCloseButton = () => {
const closeButton = document.querySelector(".phpgenera_Details_mainR1_close");
const container = document.querySelector(".phpgenera_Details_mainR1");
if (closeButton && container) {
closeButton.addEventListener("click", (event) => {
event.preventDefault();
container.style.display = "none";
});
}
};
// 4. 初始化菜单交互功能
const initMenuInteraction = () => {
const menuGroupElements = document.querySelectorAll('.layui-menu-item-group');
menuGroupElements.forEach(menuItem => {
menuItem.addEventListener('click', function(event) {
if (event.target.closest('.m_menusnames')) {
return;
}
this.classList.toggle('layui-menu-item-down');
this.classList.toggle('layui-menu-item-up');
const subMenuContainer = this.querySelector('.m_menusnames');
const icon = this.querySelector('.layui-icon');
if (subMenuContainer && icon) {
if (this.classList.contains('layui-menu-item-down')) {
subMenuContainer.style.display = 'block';
icon.classList.remove('layui-icon-down');
icon.classList.add('layui-icon-up');
} else {
subMenuContainer.style.display = 'none';
icon.classList.remove('layui-icon-up');
icon.classList.add('layui-icon-down');
}
}
});
});
};
// 5. 初始化 layui 功能
const initLayui = () => {
if (typeof layui !== 'undefined') {
layui.use(function () {
var util = layui.util;
if (util && util.fixbar) {
util.fixbar({
on: {
mouseenter: function (type) {
if (layer && layer.tips) {
layer.tips(type, this, {
tips: 4,
fixed: true,
});
}
},
mouseleave: function (type) {
if (layer && layer.closeAll) {
layer.closeAll("tips");
}
},
},
});
}
});
}
};
// 执行所有初始化函数
bindMenuEvents();
bindScrollLinks();
bindCloseButton();
initMenuInteraction();
initLayui();
});
</script></body></html>
