<th id="sqymp"></th><li id="sqymp"><meter id="sqymp"></meter></li>
<rt id="sqymp"></rt>

  • <sup id="sqymp"></sup>\r\n\r\n\r\n\r\n\r\n\r\n<\/body>\r\n<\/html><\/pre>

    <\/p>

    localStorage的應(yīng)用<\/strong><\/p>

    \r\n\r\n\r\n    \r\n    <\/title>\r\n    
    	
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    </head>
    
    <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
    <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>
    	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
    <header>
        <div   id="377j5v51b"   class="head">
            <div   id="377j5v51b"   class="haed_left">
                <div   id="377j5v51b"   class="haed_logo">
                    <a href="http://www.miracleart.cn/ms/" title="" class="haed_logo_a">
                        <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                    </a>
                </div>
                <div   id="377j5v51b"   class="head_nav">
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
                        <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://www.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
                                <a href="http://www.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
                                <a href="http://www.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
                        <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://www.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
                                <a href="http://www.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
                        <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://www.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
                                <a href="http://www.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
                                <a href="http://www.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
                                <a href="http://www.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
                                <a href="http://www.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
                                <a href="http://www.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="http://www.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
                    </div>
    
                    <div   id="377j5v51b"   class="head_navs">
                        <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
                        <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                            <div   id="377j5v51b"   class="languagechoose">
                                <a href="http://www.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
                                <a href="http://www.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
    
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                        <div   id="377j5v51b"   class="head_search">
                    <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                    <a href="javascript:;" title="cari"  onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
                </div>
                    <div   id="377j5v51b"   class="head_right">
                <div   id="377j5v51b"   class="haed_language">
                    <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a>
                    <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                                                    <a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a>
                                                    <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                    <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                    <a href="javascript:setlang('ja');" title="日本語(yǔ)" class="languagechoosea">日本語(yǔ)</a>
                                                    <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                    <a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a>
                                                    <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                    <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                </div>
                    </div>
                </div>
                <span id="377j5v51b"    class="head_right_line"></span>
                                <div style="display: block;" id="login" class="haed_login ">
                        <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                    </div>
                    <div style="display: block;" id="reg" class="head_signup login">
                        <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                    </div>
                
            </div>
        </div>
    </header>
    
    	
    	<main>
    		<div   id="377j5v51b"   class="Article_Details_main">
    			<div   id="377j5v51b"   class="Article_Details_main1">
    							<div   id="377j5v51b"   class="Article_Details_main1M">
    					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
    						<a href="http://www.miracleart.cn/ms/" title="Rumah"
    							class="phpgenera_Details_mainL1a">Rumah</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    												<a href="http://www.miracleart.cn/ms/web-designer.html"
    							class="phpgenera_Details_mainL1a">hujung hadapan web</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    												<a href="http://www.miracleart.cn/ms/html5-tutorial.html"
    							class="phpgenera_Details_mainL1a">Tutorial H5</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    						<span>HTML5本地存儲(chǔ)應(yīng)用sessionStorage和localStorage</span>
    					</div>
    					
    					<div   id="377j5v51b"   class="Articlelist_txts">
    						<div   id="377j5v51b"   class="Articlelist_txts_info">
    							<h1 class="Articlelist_txts_title">HTML5本地存儲(chǔ)應(yīng)用sessionStorage和localStorage</h1>
    							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
    								<div   id="377j5v51b"   class="author_info">
    									<a href="http://www.miracleart.cn/ms/member/4.html"  class="author_avatar">
    									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/000/004/5c511d62e6c0e698.png" src="/static/imghw/default1.png" alt="大家講道理">
    									</a>
    									<div   id="377j5v51b"   class="author_detail">
    																			<a href="http://www.miracleart.cn/ms/member/4.html" class="author_name">大家講道理</a>
                                    										</div>
    								</div>
                    			</div>
    							<span id="377j5v51b"    class="Articlelist_txts_time">Aug 19, 2017 pm	 02:13 PM</span>
    															<div   id="377j5v51b"   class="Articlelist_txts_infos">
    																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">h5</span>
    																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">html5</span>
    																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">sessionstorage</span>
    																	</div>
    														
    						</div>
    					</div>
    					<hr />
    					<div   id="377j5v51b"   class="article_main php-article">
    						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
    						<ins class="adsbygoogle"
    							style="display:block; text-align:center;"
    							data-ad-layout="in-article"
    							data-ad-format="fluid"
    							data-ad-client="ca-pub-5902227090019525"
    							data-ad-slot="3461856641">
    						</ins>
    						
    
    					<p>在html5之前,瀏覽器要實(shí)現(xiàn)數(shù)據(jù)的存儲(chǔ),一般都是用cookie,但是cookie有域名和大小限定.?</p>
    <p>html5流行之后,可以通過(guò)localStorage和sessionStorage實(shí)現(xiàn)瀏覽器端的數(shù)據(jù)存儲(chǔ),這兩者有什么特點(diǎn)呢?</p>
    <p><strong>sessionStorage</strong><br> ? ?  sessionStorage屬于臨時(shí)會(huì)話,數(shù)據(jù)存儲(chǔ)的有效期為:從頁(yè)面打開(kāi)到頁(yè)面關(guān)閉的時(shí)間段,屬于窗口的臨時(shí)存儲(chǔ),頁(yè)面關(guān)閉,本地存儲(chǔ)消失</p>
    <p><strong>localStorage</strong></p>
    <ul class=" list-paddingleft-2">
    <li><p>永久存儲(chǔ)(可以手動(dòng)刪除數(shù)據(jù))</p></li>
    <li><p>存儲(chǔ)量限制 ( 5M )</p></li>
    <li><p>客戶端完成,不會(huì)請(qǐng)求服務(wù)器處理</p></li>
    <li><p>sessionStorage數(shù)據(jù)在頁(yè)面之間不能共享、 而localStorage可以實(shí)現(xiàn)頁(yè)面之間共享</p></li>
    </ul>
    <p><strong>sessionStorage的應(yīng)用:</strong></p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            window.onload = function(){
                var aInput = document.getElementsByTagName(&#39;input&#39;);
                aInput[0].onclick = function(){
                    //sessionStorage: 臨時(shí)存儲(chǔ), 只在當(dāng)前頁(yè)面有效,不能傳遞到其他頁(yè)面,頁(yè)面關(guān)閉之后消失
                    window.sessionStorage.setItem("name", aInput[3].value );
                };
                aInput[1].onclick = function(){
                    alert(window.sessionStorage.getItem("name" ));
                };
                aInput[2].onclick = function(){
                    window.sessionStorage.removeItem("name" );
                };
            }
        </script>
    </head>
    <body>
    <input type="button" value="設(shè)置" />
    <input type="button" value="獲取" />
    <input type="button" value="刪除" />
    <br/>
    <input type="text" />
    </body>
    </html></pre><p><br/></p><p><strong>localStorage的應(yīng)用</strong></p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            window.onload = function(){
                var aInput = document.getElementsByTagName(&#39;input&#39;);
                aInput[0].onclick = function(){
                    //localStorage : 永久性存儲(chǔ)
                    window.localStorage.setItem("name", aInput[3].value);
                    window.localStorage.setItem("name2", &#39;aaaaa&#39;);
                };
                aInput[1].onclick = function(){
                    alert( window.localStorage.getItem( "name" ) );
                    alert( window.localStorage.getItem( "name2" ) );
                };
                aInput[2].onclick = function(){
                    window.localStorage.removeItem("name");
    //                window.localStorage.clear();
                };
            }
        </script>
    </head>
    <body>
    <input type="button" value="設(shè)置" />
    <input type="button" value="獲取" />
    <input type="button" value="刪除" />
    <br/>
    <input type="text" />
    </body>
    </html></pre><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            window.onload = function () {
                var aInput = document.getElementsByTagName("input");
                var oT = document.querySelector("textarea");
    
                if (window.localStorage.getItem("userName")) {
                    aInput[0].value = window.localStorage.getItem("userName");
                }
    
                for (var i = 0; i < aInput.length; i++) {
                    if (window.localStorage.getItem(&#39;sex&#39;) == aInput[i].value) {
                        aInput[i].checked = true;
                    }
                }
    
                if (window.localStorage.getItem("note")) {
                    oT.value = window.localStorage.getItem("note");
                }
    
                window.onunload = function () {
                    if (aInput[0].value) {
                        window.localStorage.setItem("userName", aInput[0].value);
                    }
    
                    for (var i = 0; i < aInput.length; i++) {
                        if (aInput[i].checked == true) {
                            window.localStorage.setItem(&#39;sex&#39;, aInput[i].value);
                        }
                    }
    
                    if (oT.value) {
                        window.localStorage.setItem(&#39;note&#39;, oT.value);
                    }
                }
            }
        </script>
    </head>
    <body>
    <p>
        用戶名: <input type="text"/>
    </p>
    
    <p>
        性別: <br/>
        <input type="radio" name="sex" value="男"/>男
        <input type="radio" name="sex" value="女"/>女
    </p>
    
    <p>
        備注:
        <textarea cols="30" rows="10"></textarea>
    </p>
    
    </body>
    </html></pre><p class="cnblogs_code"><br></p><p>Atas ialah kandungan terperinci HTML5本地存儲(chǔ)應(yīng)用sessionStorage和localStorage. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
    
    
    						</div>
    					</div>
    					<div   id="377j5v51b"   class="wzconShengming_sp">
    						<div   id="377j5v51b"   class="bzsmdiv_sp">Kenyataan Laman Web ini</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>
    
    				<ins class="adsbygoogle"
         style="display:block"
         data-ad-format="autorelaxed"
         data-ad-client="ca-pub-5902227090019525"
         data-ad-slot="2507867629"></ins>
    
    
    
    				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">
    
    
    				<ins class="adsbygoogle"
            style="display:block"
            data-ad-client="ca-pub-5902227090019525"
            data-ad-slot="3653428331"
            data-ad-format="auto"
            data-full-width-responsive="true"></ins>
        
    
    
    					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Artikel Panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 minggu yang lalu</span>
    										<span>By DDD</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By 下次還敢</span>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div> -->
    
    
    											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/hottools2.png" alt="" />
    									<h2>Alat AI Hot</h2>
    								</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/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   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.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   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/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   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.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   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/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   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.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   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/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   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.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   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
    													<h3>Video Face Swap</h3>
    												</a>
    												<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
    											</div>
    										</div>
    																</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    									<a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
    								</div>
    							</div>
    						</div>
    					
    
    
    					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Artikel Panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 minggu yang lalu</span>
    										<span>By DDD</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796836699.html" title="Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech" class="phpgenera_Details_mainR4_bottom_title">Panduan Suhu Rimworld Odyssey untuk Kapal dan Gravtech</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 minggu yang lalu</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>1 bulan yang lalu</span>
    										<span>By 下次還敢</span>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div>
    
    
    											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/hottools2.png" alt="" />
    									<h2>Alat panas</h2>
    								</div>
    								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
    																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
    													<h3>Notepad++7.3.1</h3>
    												</a>
    												<p>Editor kod yang mudah digunakan dan percuma</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.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   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
    													<h3>Hantar Studio 13.0.1</h3>
    												</a>
    												<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
    													<h3>Dreamweaver CS6</h3>
    												</a>
    												<p>Alat pembangunan web visual</p>
    											</div>
    										</div>
    																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
    											<a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
    											</a>
    											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
    												<a href="http://www.miracleart.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   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    									<a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
    								</div>
    							</div>
    						</div>
    										
    
    					
    					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
    						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
    							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>Topik panas</h2>
    							</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1601</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>29</span>
    										</div>
    									</div>
    								</div>
    															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://www.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a>
    									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1502</span>
    										</div>
    										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>276</span>
    										</div>
    									</div>
    								</div>
    														</div>
    							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
    								<a href="http://www.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    							<div   id="377j5v51b"   class="Article_Details_main2">
    					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
    						<div   id="377j5v51b"   class="phpmain1_2_top">
    							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
    									src="/static/imghw/index2_title2.png" alt="" /></a>
    						</div>
    						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">
    
    													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796835653.html" title="Mengintegrasikan CSS dan JavaScript dengan berkesan dengan struktur HTML5." class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175226046128038.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mengintegrasikan CSS dan JavaScript dengan berkesan dengan struktur HTML5." />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796835653.html" title="Mengintegrasikan CSS dan JavaScript dengan berkesan dengan struktur HTML5." class="phphistorical_Version2_mids_title">Mengintegrasikan CSS dan JavaScript dengan berkesan dengan struktur HTML5.</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 12, 2025 am	 03:01 AM</span>
    								<p class="Articlelist_txts_p">HTML5, CSS dan JavaScript harus digabungkan dengan tag semantik, pesanan pemuatan yang munasabah dan reka bentuk decoupling. 1. Gunakan tag semantik HTML5, seperti meningkatkan kejelasan struktur dan penyelenggaraan, yang kondusif untuk SEO dan akses bebas penghalang; 2. CSS harus diletakkan, gunakan fail luaran dan berpecah oleh modul untuk mengelakkan gaya sebaris dan masalah pemuatan yang tertunda; 3. JavaScript disyorkan untuk diperkenalkan di hadapan, dan gunakan penangguhan atau async untuk memuat secara asynchronously untuk mengelakkan menyekat rendering; 4. Mengurangkan pergantungan yang kuat antara ketiga-tiga, tingkah laku memandu melalui atribut data dan status kawalan nama kelas, dan meningkatkan kecekapan kerjasama melalui spesifikasi penamaan bersatu. Kaedah ini dapat mengoptimumkan prestasi halaman dengan berkesan dan bekerjasama dengan pasukan.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796835678.html" title="Menjelaskan Html5 `` vs `` elements." class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175226098195845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Menjelaskan Html5 `` vs `` elements." />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796835678.html" title="Menjelaskan Html5 `` vs `` elements." class="phphistorical_Version2_mids_title">Menjelaskan Html5 `` vs `` elements.</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 12, 2025 am	 03:09 AM</span>
    								<p class="Articlelist_txts_p">Ia adalah elemen peringkat blok, sesuai untuk susun atur; Ia adalah elemen sebaris, sesuai untuk membungkus kandungan teks. 1. Secara eksklusif menduduki garis, lebar, ketinggian dan margin boleh ditetapkan, yang sering digunakan dalam susun atur struktur; 2. Tiada garis pecah, saiz ditentukan oleh kandungan, dan sesuai untuk gaya teks tempatan atau operasi dinamik; 3. Apabila memilih, ia harus dihakimi berdasarkan sama ada kandungan memerlukan ruang bebas; 4. Ia tidak boleh bersarang dan tidak sesuai untuk susun atur; 5. Keutamaan diberikan kepada penggunaan label semantik untuk meningkatkan kejelasan struktur dan kebolehcapaian.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796835672.html" title="Apakah jenis input baru yang terdapat dalam borang HTML5?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175226085267246.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah jenis input baru yang terdapat dalam borang HTML5?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796835672.html" title="Apakah jenis input baru yang terdapat dalam borang HTML5?" class="phphistorical_Version2_mids_title">Apakah jenis input baru yang terdapat dalam borang HTML5?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 12, 2025 am	 03:07 AM</span>
    								<p class="Articlelist_txts_p">HTML5introducednewinputtypesthatenhanceformfunctionalityanduserexperiencebyimprovingvalidation,UI,andmobilekeyboardlayouts.1.emailvalidatesemailaddressesandsupportsmultipleentries.2.urlchecksforvalidwebaddressesandtriggersURL-optimizedkeyboards.3.num</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796836233.html" title="Bagaimana untuk mengakses lokasi semasa pengguna dengan API Geolocation HTML5?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175234461263683.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk mengakses lokasi semasa pengguna dengan API Geolocation HTML5?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796836233.html" title="Bagaimana untuk mengakses lokasi semasa pengguna dengan API Geolocation HTML5?" class="phphistorical_Version2_mids_title">Bagaimana untuk mengakses lokasi semasa pengguna dengan API Geolocation HTML5?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 13, 2025 am	 02:23 AM</span>
    								<p class="Articlelist_txts_p">Untuk mendapatkan lokasi semasa pengguna, gunakan HTML5 GeolocationAPI. API ini memberikan maklumat seperti latitud dan longitud selepas kebenaran pengguna. Kaedah teras adalah getCurrentPosition (), yang memerlukan panggilan balik yang berjaya dan ralat untuk dikendalikan; Pada masa yang sama, perhatikan prasyarat HTTPS, mekanisme kebenaran pengguna dan pemprosesan kod ralat. ① Panggil GetCurrentPosition untuk mendapatkan kedudukan sekali, dan panggilan balik ralat akan dicetuskan jika gagal; ② Pengguna mesti membenarkannya, jika tidak, ia tidak dapat diperoleh dan mungkin tidak lagi diminta; ③ Pemprosesan ralat harus membezakan antara penolakan, tamat masa, lokasi tidak tersedia, dan sebagainya; ④ Dayakan ketepatan tinggi, menetapkan masa tamat, dan lain-lain, dan boleh dikonfigurasikan melalui parameter ketiga; ⑤ Persekitaran dalam talian mesti menggunakan HTTPS, jika tidak, ia mungkin dihadkan oleh penyemak imbas.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796836359.html" title="Terangkan atribut `async` dan` Defer` untuk skrip dalam HTML5." class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175234716292556.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Terangkan atribut `async` dan` Defer` untuk skrip dalam HTML5." />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796836359.html" title="Terangkan atribut `async` dan` Defer` untuk skrip dalam HTML5." class="phphistorical_Version2_mids_title">Terangkan atribut `async` dan` Defer` untuk skrip dalam HTML5.</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 13, 2025 am	 03:06 AM</span>
    								<p class="Articlelist_txts_p">Perbezaan antara async dan menangguhkan adalah masa pelaksanaan skrip. Async membolehkan skrip dimuat turun selari dan dilaksanakan dengan segera selepas memuat turun, tanpa menjamin perintah pelaksanaan; Defer melaksanakan skrip dalam rangka selepas parsing HTML selesai. Kedua -duanya mengelakkan menyekat parsing HTML. Menggunakan Async sesuai untuk skrip mandiri seperti menganalisis kod; Defer sesuai untuk senario di mana anda perlu mengakses DOM atau bergantung pada skrip lain.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796842432.html" title="Bagaimana cara menggunakan butang radio di HTML5?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175303132236287.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana cara menggunakan butang radio di HTML5?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796842432.html" title="Bagaimana cara menggunakan butang radio di HTML5?" class="phphistorical_Version2_mids_title">Bagaimana cara menggunakan butang radio di HTML5?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 21, 2025 am	 01:08 AM</span>
    								<p class="Articlelist_txts_p">Kunci untuk menggunakan butang radio dalam HTML5 adalah untuk memahami bagaimana mereka berfungsi dan menyusun struktur kod dengan betul. 1. Atribut nama setiap butang radio mestilah sama untuk mencapai pemilihan yang saling eksklusif; 2. Gunakan tag label untuk meningkatkan kebolehcapaian dan klik pengalaman; 3. Adalah disyorkan untuk membungkus setiap pilihan dalam div atau label untuk meningkatkan kejelasan struktur dan kawalan gaya; 4. Tetapkan pilihan lalai melalui atribut yang diperiksa; 5. Nilai nilai harus ringkas dan bermakna, yang mudah untuk pemprosesan penyerahan bentuk; 6. Gaya ini boleh disesuaikan melalui CSS, tetapi fungsi perlu dipastikan normal. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan masalah biasa dan meningkatkan keberkesanan penggunaan.</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796837625.html" title="Membezakan HTML5 LocalStorage dan sessionStorage" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175252033180353.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Membezakan HTML5 LocalStorage dan sessionStorage" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796837625.html" title="Membezakan HTML5 LocalStorage dan sessionStorage" class="phphistorical_Version2_mids_title">Membezakan HTML5 LocalStorage dan sessionStorage</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 15, 2025 am	 03:12 AM</span>
    								<p class="Articlelist_txts_p">Perbezaan teras antara LocalStorage dan sessionStorage terletak pada kegigihan data dan skop. 1. Kitaran Hayat Data: Data LocalStorage disimpan untuk masa yang lama kecuali jika dibersihkan secara manual, dan data SesiStorage dibersihkan selepas menutup tab; 2. 3. Senario Penggunaan: LocalStorage sesuai untuk menyimpan data jangka panjang seperti keutamaan pengguna dan status log masuk, sessionStorage sesuai untuk data bentuk sementara atau proses sesi tunggal; 4. Konsistensi API: Dua Kaedah Operasi</p>
    							</div>
    														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
    								<a href="http://www.miracleart.cn/ms/faq/1796842734.html" title="Adakah tag  masih digunakan dalam html5?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175303727275510.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Adakah tag  masih digunakan dalam html5?" />
    								</a>
    								<a href="http://www.miracleart.cn/ms/faq/1796842734.html" title="Adakah tag  masih digunakan dalam html5?" class="phphistorical_Version2_mids_title">Adakah tag  masih digunakan dalam html5?</a>
    								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 21, 2025 am	 02:47 AM</span>
    								<p class="Articlelist_txts_p">Ya, ia adalah sebahagian daripada HTML5, tetapi penggunaannya secara beransur -ansur menurun dan kontroversi. Digunakan untuk menggabungkan tajuk utama dengan sari kata supaya hanya tahap tertinggi tajuk yang dikenalpasti dalam garis besar dokumen; Sebagai contoh, tajuk utama dan sarikata boleh dibungkus untuk menunjukkan bahawa mereka hanya tajuk tambahan daripada tajuk bab bebas; Walau bagaimanapun, sebab -sebab mengapa mereka tidak lagi digunakan secara meluas termasuk: 1. Pembaca penyemak imbas dan skrin adalah sokongan yang tidak konsisten untuk mereka, 2. Terdapat alternatif yang lebih mudah seperti menggunakan CSS untuk mengawal gaya, 3. Walaupun demikian, ia masih boleh dipertimbangkan di laman web atau dokumen dengan keperluan semantik yang tinggi; Walaupun dalam kebanyakan kes, pemaju cenderung menggunakan satu, menguruskan gaya melalui CSS dan mengekalkan tahap tajuk yang jelas.</p>
    							</div>
    													</div>
    
    													<a href="http://www.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton">
    								<span>See all articles</span>
    								<img src="/static/imghw/down_right.png" alt="" />
    							</a>
    											</div>
    				</div>
    					</div>
    	</main>
    	<footer>
        <div   id="377j5v51b"   class="footer">
            <div   id="377j5v51b"   class="footertop">
                <img src="/static/imghw/logo.png" alt="">
                <p>Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!</p>
            </div>
            <div   id="377j5v51b"   class="footermid">
                <a href="http://www.miracleart.cn/ms/about/us.html">Tentang kita</a>
                <a href="http://www.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
                <a href="http://www.miracleart.cn/ms/update/article_0_1.html">Sitemap</a>
            </div>
            <div   id="377j5v51b"   class="footerbottom">
                <p>
                    ? php.cn All rights reserved
                </p>
            </div>
        </div>
    </footer>
    
    <input type="hidden" id="verifycode" value="/captcha.html">
    
    
    
    
    		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
    	
    	
    	
    	
    	
    
    	
    	
    
    
    
    
    
    
    <footer>
    <div class="friendship-link">
    <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
    <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
    
    <div class="friend-links">
    
    
    </div>
    </div>
    
    </footer>
    
    
    <script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
    </script>
    </body><div id="rokue" class="pl_css_ganrao" style="display: none;"><th id="rokue"></th><strong id="rokue"><sup id="rokue"><dl id="rokue"></dl></sup></strong><var id="rokue"></var><big id="rokue"></big><strong id="rokue"></strong><dfn id="rokue"><span id="rokue"></span></dfn><noframes id="rokue"></noframes><pre id="rokue"><b id="rokue"><dd id="rokue"></dd></b></pre><small id="rokue"><progress id="rokue"></progress></small><s id="rokue"></s><optgroup id="rokue"></optgroup><bdo id="rokue"><mark id="rokue"><listing id="rokue"></listing></mark></bdo><pre id="rokue"></pre><sup id="rokue"></sup><strike id="rokue"><th id="rokue"></th></strike><tr id="rokue"></tr><td id="rokue"><kbd id="rokue"><div id="rokue"></div></kbd></td><form id="rokue"></form><dl id="rokue"><ruby id="rokue"><dl id="rokue"></dl></ruby></dl><code id="rokue"></code><strike id="rokue"></strike><menu id="rokue"><font id="rokue"></font></menu><i id="rokue"></i><dd id="rokue"></dd><wbr id="rokue"></wbr><dd id="rokue"></dd><li id="rokue"></li><li id="rokue"></li><ul id="rokue"><code id="rokue"></code></ul><abbr id="rokue"></abbr><ol id="rokue"></ol><table id="rokue"></table><samp id="rokue"><i id="rokue"><del id="rokue"><fieldset id="rokue"></fieldset></del></i></samp><source id="rokue"></source><dfn id="rokue"></dfn><tbody id="rokue"></tbody><sub id="rokue"></sub><meter id="rokue"></meter><tfoot id="rokue"><track id="rokue"></track></tfoot><font id="rokue"></font><th id="rokue"></th><small id="rokue"><tfoot id="rokue"></tfoot></small><acronym id="rokue"><noframes id="rokue"></noframes></acronym><pre id="rokue"></pre><kbd id="rokue"><strong id="rokue"><kbd id="rokue"></kbd></strong></kbd><source id="rokue"></source><small id="rokue"><menuitem id="rokue"><code id="rokue"></code></menuitem></small><dd id="rokue"><abbr id="rokue"><div id="rokue"></div></abbr></dd><span id="rokue"><small id="rokue"></small></span><form id="rokue"></form></div>
    
    </html>