Analisis Kelemahan Kaedah Penulisan Penutupan Sendiri XHTML Tags_Experience Exchange

Jika anda biasa dengan pembangunan berkaitan XML, anda mungkin terbiasa dengan cara penulisan ini dengan berfikir bahawa mana-mana elemen dalam XML yang tidak mengandungi nod anak boleh ditulis dengan cara ini, maka teg tanpa kandungan dalam XHTML juga boleh ditulis dalam. dengan cara ini. Sudah tentu, XHTML secara teorinya membenarkan mana-mana teg ditulis dalam kaedah penutupan sendiri Walau bagaimanapun, keserasian penyemak imbas telah membawa masalah baharu, iaitu, IE tidak dapat mengenali kaedah penulisan penutup sendiri bagi sesetengah teg.

Sila cuba masukkan kod XHTML berikut dan semak imbasnya dalam IE: <strong><font face="新宋体" size="3"><p>hello <script type="text/javascript" /> world</p></font></strong>, anda akan mendapati bahawa anda hanya boleh melihat helo di hadapan tetapi bukan dunia di belakang Ini agak tidak dapat dijelaskan. Ramai orang mungkin menghadapi masalah ini dan menghabiskan beberapa jam untuk menyelesaikannya tetapi masih tidak dapat mencari penjelasan yang munasabah.

Penjelasan datang daripada sekeping kod lain yang serupa: <strong><font face="新宋体" size="3"><p>hello <textarea /> world</p></font></strong> Bolehkah anda melihat kesan paparan dalam IE dan mendapatkan penjelasan yang munasabah? Kita dapat melihat bahawa hello di hadapan dipaparkan secara normal, manakala dunia di belakang dipaparkan dalam textarea Ini membuktikan bahawa IE tidak mengenali dengan betul bahawa tag textarea telah ditutup sendiri textarea apabila ia tidak ditutup.

Pada masa ini kami memahami mengapa kod sebelumnya tidak dapat melihat dunia di belakangnya, kerana ia diiktiraf sebagai sebahagian daripada skrip. Ini menunjukkan bahawa apabila kami menggunakan XHTML, kami tidak boleh menggunakan penulisan penutup sendiri secara bebas seperti XML Hanya beberapa teg yang tidak perlu ditutup boleh ditulis dalam penutupan sendiri tidak mempunyai sebarang kaedah penulisan tertutup.

Akhir sekali, saya perlu mengingatkan semua orang bahawa sebenarnya, IE bukanlah satu-satunya yang mempunyai penghuraian yang lemah, di banyak tempat, anda mungkin menghadapi masalah yang disebabkan oleh penghurai yang longgar, oleh itu, semasa menulis XHTML, kita masih perlu menampung beberapa warisan daripada HTML lama, anda tidak boleh menulisnya secara santai seperti XML sebenar kerana anda fikir ia memenuhi piawaian. tak percaya? Kemudian cuba satu lagi: <strong><font face="新宋体" size="3"><p>hello <br></br> world</p></font></strong>, perhatikan kesan paparan dalam IE dan Opera.

Kemas kini: Sesetengah pembaca berpendapat bahawa contoh yang saya berikan tidak mematuhi spesifikasi XHTML, jadi sila baca Spesifikasi XHTML dahulu. Terjemahan bahasa Cina bagi bahagian Elemen Kosong adalah seperti berikut: "Elemen kosong mesti sama ada mempunyai teg penutup atau berakhir dengan />, seperti
atau < ;hr> Sila rujuk Piawaian Keserasian HTML untuk mendapatkan maklumat tentang memastikan keserasian ke belakang dengan penyemak imbas HTML4, yang juga diberikan dalam contoh seperti hr> menunjukkan bahawa kaedah penulisan

mematuhi spesifikasi XHTML, tetapi tidak serasi dengan standard HTML4. Jadi adakah XHTML serasi dengan HTML4? Mari lihat bahagian Isu Keserasian Terjemahan bahasa Cina adalah seperti berikut: “Walaupun dokumen XHTML1.0 tidak diperlukan untuk serasi dengan penyemak imbas sedia ada, dalam praktiknya ini tidak sukar untuk dilakukan. mencapai. "Oleh itu, XHTML tidak menetapkan bahawa dokumen mesti serasi ke belakang. Contoh yang saya berikan adalah semua serpihan dokumen XHTML yang sah, dan semuanya boleh melepasi Perkhidmatan Pengesahan Penanda W3C.

Kemas kini sekali lagi: Sebenarnya, tujuan menulis artikel ini bukanlah untuk menekankan bahawa hanya mematuhi spesifikasi XHTML sahaja sudah memadai, dan juga bukan untuk menekankan bahawa mematuhi XHTML dan serasi dengan HTML4 sudah memadai , tetapi lebih banyak keserasian itu harus dipertimbangkan situasi. Contohnya, CMS anda membenarkan pengguna menyerahkan HTML dan HTML yang diserahkan diformatkan ke dalam XHTML melalui SgmlReader atau kaedah lain dan pemprosesan XML lain juga boleh dilakukan Pada masa ini, adalah mungkin untuk menukar < /textarea> yang diserahkan oleh pengguna Tukar kepada <textarea /> pemprosesan adalah semantik. Di samping itu, adalah lebih baik untuk tidak menulis <br /> sebagai <br/>, kerana memang terdapat beberapa penghurai terencat akal yang tidak dapat mengenalinya dengan betul hanya kerana terdapat satu ruang yang hilang. </strong></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Kenyataan：</span><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="nphpSytBox"><span>Artikel sebelumnya：<a class="dBlack" title="Analisis sebab anda tidak patut menggunakan pertukaran CSS Expression_Experience" href="http://m.php.cn/ms/faq/667.html">Analisis sebab anda tidak patut menggunakan pertukaran CSS Expression_Experience</a></span><span>Artikel seterusnya：<a class="dBlack" title="Analisis sebab anda tidak patut menggunakan pertukaran CSS Expression_Experience" href="http://m.php.cn/ms/faq/669.html">Analisis sebab anda tidak patut menggunakan pertukaran CSS Expression_Experience</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="http://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</i><b></b></a></em><div class="clear"></div></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><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ms/faq/1796680499.html" title="Bagaimana untuk Menukar Warna Perkataan Khusus dalam Teks HTML?" class="aBlack">Bagaimana untuk Menukar Warna Perkataan Khusus dalam Teks HTML?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/1796680504.html" title="Bagaimana untuk Mencipta Lubang Lihat Melalui dalam Tindanan CSS Tanpa JavaScript?" class="aBlack">Bagaimana untuk Mencipta Lubang Lihat Melalui dalam Tindanan CSS Tanpa JavaScript?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/1796680370.html" title="Bagaimana untuk Menjajarkan Butang di Bahagian Bawah Kad Bootstrap dengan Panjang Kandungan Berbeza?" class="aBlack">Bagaimana untuk Menjajarkan Butang di Bahagian Bawah Kad Bootstrap dengan Panjang Kandungan Berbeza?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/1796680390.html" title="Bagaimanakah saya boleh membuat Bootstrap Dropdown Aktifkan pada Hover Daripada Klik?" class="aBlack">Bagaimanakah saya boleh membuat Bootstrap Dropdown Aktifkan pada Hover Daripada Klik?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/1796680410.html" title="Bagaimana untuk Membetulkan Saiz Latar Belakang: Isu Penutup pada Safari Mudah Alih?" class="aBlack">Bagaimana untuk Membetulkan Saiz Latar Belakang: Isu Penutup pada Safari Mudah Alih?</a><div class="clear"></div></li></ul></div></div><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><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ms/"><b class="icon1"></b><p>Rumah</p></a></li><li><a href="http://m.php.cn/ms/course.html"><b class="icon2"></b><p>Kursus</p></a></li><li><a href="http://m.php.cn/ms/wenda.html"><b class="icon4"></b><p>Soal Jawab</p></a></li><li><a href="http://m.php.cn/ms/login"><b class="icon5"></b><p>saya</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ms/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ms/"><b class="icon1"></b><span>Rumah</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/course.html"><b class="icon2"></b><span>Kursus</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/wenda.html"><b class="icon4"></b><span>Soal Jawab</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/dic.html"><b class="icon6"></b><span>Kamus</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/xiazai/"><b class="icon8"></b><span>Muat turun</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ms/faq/zt" title="Topik"><b class="icon12"></b><span>Topik</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ms/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ms/" >Rumah</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/wenda.html" >Soal Jawab</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/course.html" >Kursus</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/faq/zt" >Topik</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/xiazai" >Muat turun</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/game" >Permainan</a></div><div class="swiper-slide"><a href="http://m.php.cn/ms/dic.html" >Kamus</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><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></div><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>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></body></html>