99久久综合狠狠综合久久止,波兰女人毛茸茸,国产97色在线 | 免费

<p id="xvn9s"></p>

<p id="xvn9s"></p>

\n---Some Front End logic ,codes,tags,elements---\n<\/body>\n<\/html><\/pre>\n

為什麼我們要使用 DOCTYPE HTML？ <\/h3>\n

因?yàn)镠tml版本需要它，假設(shè)當(dāng)時(shí)用戶應(yīng)用程式有任何問(wèn)題，我們很容易識(shí)別出根源，因?yàn)樗_實(shí)發(fā)生在HTML版本相容性或用戶瀏覽器相容性上；此外，與當(dāng)前版本和以前的版本相比，某些html 標(biāo)籤可能會(huì)被棄用。 <\/li>\n
因此使用者可以根據(jù) Web 應(yīng)用程式工作流程輕鬆識(shí)別問(wèn)題。 <\/li>\n
在 HTML 中，W3C 是之一。像 IETF 這樣的組織，每個(gè) html 頁(yè)面都有一個(gè)唯一的標(biāo)籤“OwnerID”，它指示 html 實(shí)體的名稱或負(fù)責(zé)創(chuàng)建或維護(hù)基於 DTD 的文檔的組織的名稱。 <\/doctype>\n<\/li>\n
DTD 也稱為“公共文字類別”，它是一種物件類型，還引用了必須遵循 Web 和瀏覽器支援的 html 標(biāo)籤和元素。 <\/li>\n

HTM\/XHTML DTD 將支援它。 <\/li>\n<\/ul>\n

我們?cè)?HTML 中使用 DOCTYPE 的 HTML 版本不同？ <\/h3>\n

如果我們使用 strict 作為 DOCTYPE，它不允許使用 html 元素編寫(xiě)表示屬性，而我們需要像 Web 應(yīng)用程式中那樣的要求，並且它不支援包含 html 框架。 <\/li>\n
Html 4.0 有嚴(yán)格的和過(guò)渡的 DOCTYPE。 <\/li>\n
在嚴(yán)格的 DOCTYPE 中，使用者會(huì)使用某些 html 元素和屬性，而在嚴(yán)格的 DOCTYPE 中則不允許和允許使用它們。 <\/li>\n
有時(shí)html 4.0版本支援frameset，每個(gè)html文檔都必須在網(wǎng)頁(yè)上建立以上三種文檔類型聲明。 <\/li>\n
如果我們使用 html strict，則文件類型包括不建議使用的元素或不接受的標(biāo)籤之外的所有 html 元素、屬性。這些標(biāo)籤和元素集將出現(xiàn)在框架集中。 <\/li>\n
如果我們使用 html 過(guò)渡，它也支援所有 html 元素，包括已棄用的標(biāo)籤\/元素。 <\/li>\n
在 html 框架集中，它支援我們?cè)?html 過(guò)渡 dtd 中使用以及用於聲明框架集的所有 html 元素。 <\/li>\n
在 html 5 中僅支援一種聲明類型，我們使用 ;此聲明僅允許 html 5 版本，但在 html 4 中，我們將使用不同版本的 dtd 規(guī)範(fàn)。 <\/li>\n

在 HTML 中，DOCTYPE 不區(qū)分大小寫(xiě)，因此我們使用 DOCTYPE 聲明，並且它會(huì)同時(shí)以小寫(xiě)和大寫(xiě)字母書(shū)寫(xiě)。 <\/li>\n<\/ul>\n

DOCTYPE HTML 範(fàn)例<\/h3>\n
以下是範(fàn)例：<\/p>\n

範(fàn)例#1<\/h4>\n

代碼：<\/strong><\/p>\n

\n\n\nSample<\/title>\n<\/head>\n<body>
<h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<p>Welcome To My Domain\n<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n\n\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543954598118.jpg\" alt=\"文檔類型 HTML\" ><\/p>\n<h4>範(fàn)例#2<\/h4>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\"\n\"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n<head>\n<title> Sample Example for Strict DTD <\/title>\n<\/head>\n<body>\n<a href><h1>Please Click <\/h1><\/a>\n<marquee> Welcome To My Domain <\/marquee>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543954615822.jpg\" alt=\"文檔類型 HTML\" ><\/p>\n<h4>範(fàn)例#3<\/h4>\n<p><strong>代碼：<\/strong><\/p>\n\n\n<pre><!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Frameset\/\/EN\"\n\"http:\/\/www.w3.org\/TR\/html4\/frameset.dtd\">\n<html>\n<head>\n<title> Frameset DTD Example <\/title>\n<\/head>\n<frameset cols=\"23%,*,43%\">\n<frame src=\"first.html\">\n<frame src=\"second.html\">\n<frame src=\"third.html\">\n<\/frameset>\n<\/html><\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p><img  src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543954889310.jpg\" alt=\"文檔類型 HTML\" ><\/p>\n<p>In the above set of examples, we will see the sample and basic dtd usages in html. In the first example, we use the <!DOCTYPE> that is come under the html5 version. So we use normal and basic html codings. In the second example, we use strict dtd in html 4 version so it will accept the particular tags and elements; it will not be allowed to use the deprecated tag elements in the second example, but in the last example, we use the frameset dtd in the html documents it allows the deprecated elements as well as whatever we use the html 4 transitional dtd elements and also will include the frameset tag elements.<\/p>\n<h3>Conclusion<\/h3>\n<p>In html will use DOCTYPE as a better choice for creating the web-based applications, and also it will be helpful for the website users browsers that the document is related to the html based documents. If we suppose will not use the html tag elements in the inside of the document that should be with the DOCTYPE declaration, it must be must with the html standards with the help of web browsers, and templates will check the html standards.<\/p>"}	</script>
	
<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">
	<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/zh-tw/" 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="社群" class="head_nava head_nava-template1">社群</a>
                    <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://www.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a>
                            <a href="http://www.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a>
                            <a href="http://www.miracleart.cn/zh-tw/wenda.html" title="問(wèn)答" class="languagechoosea">問(wèn)答</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="學(xué)習(xí)" class="head_nava head_nava-template1_1">學(xué)習(xí)</a>
                    <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://www.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a>
                            <a href="http://www.miracleart.cn/zh-tw/dic/" title="程式設(shè)計(jì)字典" class="languagechoosea">程式設(shè)計(jì)字典</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="工具庫(kù)" class="head_nava head_nava-template1_2">工具庫(kù)</a>
                    <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://www.miracleart.cn/zh-tw/toolset/development-tools" title="開(kāi)發(fā)工具" class="languagechoosea on">開(kāi)發(fā)工具</a>
                            <a href="http://www.miracleart.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a>
                            <a href="http://www.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫(kù)" class="languagechoosea">PHP 函式庫(kù)</a>
                            <a href="http://www.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a>
                            <a href="http://www.miracleart.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a>
                            <a href="http://www.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴(kuò)充插件" class="languagechoosea on">擴(kuò)充插件</a>
                        </div>
                    </div>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="http://www.miracleart.cn/zh-tw/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a>
                </div>

                <div   id="377j5v51b"   class="head_navs">
                    <a href="javascript:;" title="休閒" class="head_nava head_nava-template1_3">休閒</a>
                    <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                        <div   id="377j5v51b"   class="languagechoose">
                            <a href="http://www.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a>
                            <a href="http://www.miracleart.cn/zh-tw/mobile-game-tutorial/" title="遊戲教程" class="languagechoosea">遊戲教程</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
                    <div   id="377j5v51b"   class="head_search">
                <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('zh-tw')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                <a href="javascript:;" title="搜尋"  onclick="searchs('zh-tw')"><img src="/static/imghw/find.png" alt="搜尋"></a>
            </div>
                <div   id="377j5v51b"   class="head_right">
            <div   id="377j5v51b"   class="haed_language">
                <a href="javascript:;" class="layui-btn haed_language_btn">繁體中文<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:;" 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:setlang('ms');" 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_main1L">
					<div   id="377j5v51b"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
						<div   id="377j5v51b"   class="Article_Details_main1L1">目錄</div>
						<div   id="377j5v51b"   class="Article_Details_main1L2" id="Article_Details_main1L2">
							<!-- 左側(cè)懸浮，文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
															<div   id="377j5v51b"   class="Article_Details_main1L2s ">
									<a href="#什麼是-DOCTYPE-HTML" title="什麼是 DOCTYPE HTML？ " >什麼是 DOCTYPE HTML？ </a>
								</div>
																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
									<a href="#為什麼我們要使用-DOCTYPE-HTML" title="為什麼我們要使用 DOCTYPE HTML？ " >為什麼我們要使用 DOCTYPE HTML？ </a>
								</div>
																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
									<a href="#我們?cè)?HTML-中使用-DOCTYPE-的-HTML-版本不同" title="我們?cè)?HTML 中使用 DOCTYPE 的 HTML 版本不同？ " >我們?cè)?HTML 中使用 DOCTYPE 的 HTML 版本不同？ </a>
								</div>
																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
									<a href="#DOCTYPE-HTML-範(fàn)例" title="DOCTYPE HTML 範(fàn)例" >DOCTYPE HTML 範(fàn)例</a>
								</div>
																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
									<a href="#範(fàn)例" title="範(fàn)例#3" >範(fàn)例#3</a>
								</div>
																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
									<a href="#Conclusion" title="Conclusion" >Conclusion</a>
								</div>
														</div>
					</div>
				</div>
							<div   id="377j5v51b"   class="Article_Details_main1M">
					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
						<a href="http://www.miracleart.cn/zh-tw/" title="首頁(yè)"
							class="phpgenera_Details_mainL1a">首頁(yè)</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://www.miracleart.cn/zh-tw/web-designer.html"
							class="phpgenera_Details_mainL1a">web前端</a>
						<img src="/static/imghw/top_right.png" alt="" />
												<a href="http://www.miracleart.cn/zh-tw/div-tutorial.html"
							class="phpgenera_Details_mainL1a">html教學(xué)</a>
						<img src="/static/imghw/top_right.png" alt="" />
						<span>文檔類型 HTML</span>
					</div>
					
					<div   id="377j5v51b"   class="Articlelist_txts">
						<div   id="377j5v51b"   class="Articlelist_txts_info">
							<h1 class="Articlelist_txts_title">文檔類型 HTML</h1>
							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
								<div   id="377j5v51b"   class="author_info">
									<a href="http://www.miracleart.cn/zh-tw/member/887227.html"  class="author_avatar">
									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" src="/static/imghw/default1.png" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB">
									</a>
									<div   id="377j5v51b"   class="author_detail">
																			<a href="http://www.miracleart.cn/zh-tw/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a>
                                										</div>
								</div>
                			</div>
							<span id="377j5v51b"    class="Articlelist_txts_time">Sep 04, 2024 pm	 04:45 PM</span>
															<div   id="377j5v51b"   class="Articlelist_txts_infos">
																			<span id="377j5v51b"    class="Articlelist_txts_infoss on">html</span>
																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">html5</span>
																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Tutorial</span>
																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML Properties</span>
																			<span id="377j5v51b"    class="Articlelist_txts_infoss ">HTML tags</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>下面的文章提供了 DOCTYPE HTML 的概述。在 html 文件類型中，用於聲明使用者指令，並使用 html、xml 編碼本身等標(biāo)記語(yǔ)言將資料轉(zhuǎn)換為 Web 瀏覽器。我們已將文檔類型聲明為文檔的初始步驟。一般來(lái)說(shuō)，DOCTYPE 不考慮任何標(biāo)籤、元素或?qū)傩?；它有助於識(shí)別標(biāo)記語(yǔ)言的版本。  tag 是 html 標(biāo)記語(yǔ)言的根標(biāo)籤或元素。它還有助於儲(chǔ)存和保存所有的網(wǎng)頁(yè)內(nèi)容，並且它會(huì)告訴使用者瀏覽器識(shí)別它是否是 html 語(yǔ)言，但使用 <doctype> 。在相同的網(wǎng)頁(yè)瀏覽器上顯示使用者網(wǎng)頁(yè)文件所使用的 html 語(yǔ)言版本。 </doctype></p>















<h3 id="什麼是-DOCTYPE-HTML">什麼是 DOCTYPE HTML？ </h3>
<ul>
<li>DOCTYPE 只是一個(gè)文件類型聲明，它是一組必須與特定 html、xml 或 sgxml Web 文件關(guān)聯(lián)的指令。 </li>
<li>由於某些遺留原因，如果開(kāi)發(fā)人員省略了 DOCTYPE，那麼 Web 瀏覽器將傾向於使用不同類型的渲染模式，這些模式可能與某些瀏覽器規(guī)範(fàn)以及使用者應(yīng)用程式不相容。 </li>
<li>它也被標(biāo)記為一個(gè)不包含結(jié)束標(biāo)籤的空元素，因此我們不能在 <doctype> 中包含任何邏輯內(nèi)容。 </doctype>
</li>
<li>我們使用 HTML 4.01 版本中的聲明也指相同的文件類型聲明，因?yàn)?HTML 4.01 版本是基於 SGML，但在 HTML5 中並不基於 SGML 語(yǔ)言。 </li>
</ul>
<p><strong>文法：</strong></p>
<p>當(dāng)我們使用 HTML 或任何標(biāo)記語(yǔ)言時(shí)，我們?yōu)槊總€(gè)標(biāo)籤和元素都有一組語(yǔ)法，與文件類型聲明中相同。 </p>
<p>以下是聲明 <doctype> 的基本語(yǔ)法html 文件中的模型。 </doctype></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
</head>
<body>
---Some Front End logic ,codes,tags,elements---
</body>
</html></pre>
<h3 id="為什麼我們要使用-DOCTYPE-HTML">為什麼我們要使用 DOCTYPE HTML？ </h3>
<ul>
<li>因?yàn)镠tml版本需要它，假設(shè)當(dāng)時(shí)用戶應(yīng)用程式有任何問(wèn)題，我們很容易識(shí)別出根源，因?yàn)樗_實(shí)發(fā)生在HTML版本相容性或用戶瀏覽器相容性上；此外，與當(dāng)前版本和以前的版本相比，某些html 標(biāo)籤可能會(huì)被棄用。 </li>
<li>因此使用者可以根據(jù) Web 應(yīng)用程式工作流程輕鬆識(shí)別問(wèn)題。 </li>
<li>在 HTML 中，W3C 是 <doctype> 之一。像 IETF 這樣的組織，每個(gè) html 頁(yè)面都有一個(gè)唯一的標(biāo)籤“OwnerID”，它指示 html 實(shí)體的名稱或負(fù)責(zé)創(chuàng)建或維護(hù)基於 DTD 的文檔的組織的名稱。 </doctype>
</li>
<li>DTD 也稱為“公共文字類別”，它是一種物件類型，還引用了必須遵循 Web 和瀏覽器支援的 html 標(biāo)籤和元素。 </li>
<li>HTM/XHTML DTD 將支援它。 </li>
</ul>
<h3 id="我們?cè)?HTML-中使用-DOCTYPE-的-HTML-版本不同">我們?cè)?HTML 中使用 DOCTYPE 的 HTML 版本不同？ </h3>
<ul>
<li>如果我們使用 strict 作為 DOCTYPE，它不允許使用 html 元素編寫(xiě)表示屬性，而我們需要像 Web 應(yīng)用程式中那樣的要求，並且它不支援包含 html 框架。 </li>
<li>Html 4.0 有嚴(yán)格的和過(guò)渡的 DOCTYPE。 </li>
<li>在嚴(yán)格的 DOCTYPE 中，使用者會(huì)使用某些 html 元素和屬性，而在嚴(yán)格的 DOCTYPE 中則不允許和允許使用它們。 </li>
<li>有時(shí)html 4.0版本支援frameset，每個(gè)html文檔都必須在網(wǎng)頁(yè)上建立以上三種文檔類型聲明。 </li>
<li>如果我們使用 html strict，則文件類型包括不建議使用的元素或不接受的標(biāo)籤之外的所有 html 元素、屬性。這些標(biāo)籤和元素集將出現(xiàn)在框架集中。 </li>
<li>如果我們使用 html 過(guò)渡，它也支援所有 html 元素，包括已棄用的標(biāo)籤/元素。 </li>
<li>在 html 框架集中，它支援我們?cè)?html 過(guò)渡 dtd 中使用以及用於聲明框架集的所有 html 元素。 </li>
<li>在 html 5 中僅支援一種聲明類型，我們使用 ;此聲明僅允許 html 5 版本，但在 html 4 中，我們將使用不同版本的 dtd 規(guī)範(fàn)。 </li>
<li>在 HTML 中，DOCTYPE 不區(qū)分大小寫(xiě)，因此我們使用 DOCTYPE 聲明，並且它會(huì)同時(shí)以小寫(xiě)和大寫(xiě)字母書(shū)寫(xiě)。 </li>
</ul>
<h3 id="DOCTYPE-HTML-範(fàn)例">DOCTYPE HTML 範(fàn)例</h3>
<p>以下是範(fàn)例：</p>
<h4 id="範(fàn)例">範(fàn)例#1</h4>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<p>Welcome To My Domain
</p>
</body>
</html></pre>
<p><strong>輸出：</strong></p>


<p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543954598118.jpg" class="lazy" alt="文檔類型 HTML" ></p>
<h4 id="範(fàn)例">範(fàn)例#2</h4>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Sample Example for Strict DTD </title>
</head>
<body>
<a href><h1>Please Click </h1></a>
<marquee> Welcome To My Domain </marquee>
</body>
</html></pre>
<p><strong>輸出：</strong></p>
<p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543954615822.jpg" class="lazy" alt="文檔類型 HTML" ></p>
<h4 id="範(fàn)例">範(fàn)例#3</h4>
<p><strong>代碼：</strong></p>


<pre class="brush:php;toolbar:false"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title> Frameset DTD Example </title>
</head>
<frameset cols="23%,*,43%">
<frame src="first.html">
<frame src="second.html">
<frame src="third.html">
</frameset>
</html></pre>
<p><strong>Output:</strong></p>
<p><img  src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543954889310.jpg" class="lazy" alt="文檔類型 HTML" ></p>
<p>In the above set of examples, we will see the sample and basic dtd usages in html. In the first example, we use the <!DOCTYPE> that is come under the html5 version. So we use normal and basic html codings. In the second example, we use strict dtd in html 4 version so it will accept the particular tags and elements; it will not be allowed to use the deprecated tag elements in the second example, but in the last example, we use the frameset dtd in the html documents it allows the deprecated elements as well as whatever we use the html 4 transitional dtd elements and also will include the frameset tag elements.</p>
<h3 id="Conclusion">Conclusion</h3>
<p>In html will use DOCTYPE as a better choice for creating the web-based applications, and also it will be helpful for the website users browsers that the document is related to the html based documents. If we suppose will not use the html tag elements in the inside of the document that should be with the DOCTYPE declaration, it must be must with the html standards with the help of web browsers, and templates will check the html standards.</p><p>以上是文檔類型 HTML的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！</p>


						</div>
					</div>
					<div   id="377j5v51b"   class="wzconShengming_sp">
						<div   id="377j5v51b"   class="bzsmdiv_sp">本網(wǎng)站聲明</div>
						<div>本文內(nèi)容由網(wǎng)友自願(yuàn)投稿，版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容，請(qǐng)聯(lián)絡(luò)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>熱門(mén)文章</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796828723.html" title="Agnes Tachyon Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide |漂亮的德比志</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 週前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796827210.html" title="Oguri Cap Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |漂亮的德比志</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 週前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796821436.html" title="沙丘：覺(jué)醒 - 高級(jí)行星學(xué)家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺(jué)醒 - 高級(jí)行星學(xué)家Quest演練</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 週前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796821278.html" title="約會(huì)一切：德克和哈珀關(guān)係指南" class="phpgenera_Details_mainR4_bottom_title">約會(huì)一切：德克和哈珀關(guān)係指南</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 個(gè)月前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796821868.html" title="Palia：Rasquellywag的Riches Quest演練" class="phpgenera_Details_mainR4_bottom_title">Palia：Rasquellywag的Riches Quest演練</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 週前</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</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>熱AI工具</h2>
								</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/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/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>免費(fèi)脫衣圖片</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/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/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/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/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>用於從照片中去除衣服的線上人工智慧工具。</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/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/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>AI脫衣器</p>
											</div>
										</div>
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/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/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
													<h3>Video Face Swap</h3>
												</a>
												<p>使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！</p>
											</div>
										</div>
																</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
									<a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</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>熱門(mén)文章</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796828723.html" title="Agnes Tachyon Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide |漂亮的德比志</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 週前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796827210.html" title="Oguri Cap Build Guide |漂亮的德比志" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide |漂亮的德比志</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 週前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796821436.html" title="沙丘：覺(jué)醒 - 高級(jí)行星學(xué)家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺(jué)醒 - 高級(jí)行星學(xué)家Quest演練</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 週前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796821278.html" title="約會(huì)一切：德克和哈珀關(guān)係指南" class="phpgenera_Details_mainR4_bottom_title">約會(huì)一切：德克和哈珀關(guān)係指南</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 個(gè)月前</span>
										<span>By Jack chen</span>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/1796821868.html" title="Palia：Rasquellywag的Riches Quest演練" class="phpgenera_Details_mainR4_bottom_title">Palia：Rasquellywag的Riches Quest演練</a>
									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
										<span>4 週前</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://www.miracleart.cn/zh-tw/article.html">顯示更多</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>熱工具</h2>
								</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++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="記事本++7.3.1" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title">
													<h3>記事本++7.3.1</h3>
												</a>
												<p>好用且免費(fèi)的程式碼編輯器</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" 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漢化版" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3漢化版</h3>
												</a>
												<p>中文版，非常好用</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 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="禪工作室 13.0.1" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title">
													<h3>禪工作室 13.0.1</h3>
												</a>
												<p>強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/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/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
													<h3>Dreamweaver CS6</h3>
												</a>
												<p>視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具</p>
											</div>
										</div>
																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
											<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 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 Mac版" />
											</a>
											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
												<a href="http://www.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 Mac版</h3>
												</a>
												<p>神級(jí)程式碼編輯軟體(SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
									<a href="http://www.miracleart.cn/zh-tw/ai">顯示更多</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>熱門(mén)話題</h2>
							</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/gmailyxdlrkzn" title="gmail信箱登陸入口在哪裡" class="phpgenera_Details_mainR4_bottom_title">gmail信箱登陸入口在哪裡</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>8639</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>17</span>
										</div>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/java-tutorial" title="Java教學(xué)" class="phpgenera_Details_mainR4_bottom_title">Java教學(xué)</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>1786</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>16</span>
										</div>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</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>1729</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>56</span>
										</div>
									</div>
								</div>
															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
									<a href="http://www.miracleart.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">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>1581</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/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">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>1446</span>
										</div>
										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>31</span>
										</div>
									</div>
								</div>
														</div>
							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
								<a href="http://www.miracleart.cn/zh-tw/faq/zt">顯示更多</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/zh-tw/faq/1796829177.html" title="構(gòu)建網(wǎng)頁(yè)的HTML元素是什麼？" 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/175148129241939.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="構(gòu)建網(wǎng)頁(yè)的HTML元素是什麼？" />
								</a>
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829177.html" title="構(gòu)建網(wǎng)頁(yè)的HTML元素是什麼？" class="phphistorical_Version2_mids_title">構(gòu)建網(wǎng)頁(yè)的HTML元素是什麼？</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 03, 2025 am	 02:34 AM</span>
								<p class="Articlelist_txts_p">網(wǎng)頁(yè)結(jié)構(gòu)需核心HTML元素支撐，1.頁(yè)面整體結(jié)構(gòu)由、、構(gòu)成，其中為根元素，存放元信息，展示內(nèi)容；2.內(nèi)容組織依賴標(biāo)題（-）、段落（）及區(qū)塊標(biāo)籤（如、）以提升條理與SEO；3.導(dǎo)航通過(guò)與實(shí)現(xiàn)，常用組織鏈接並輔以aria-current屬性增強(qiáng)可訪問(wèn)性；4.表單交互涉及、、與，確保用戶輸入與提交功能完整。正確使用這些元素能提升頁(yè)面清晰度、維護(hù)性及搜索引擎優(yōu)化。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829157.html" title="使用HTML5服務(wù)器序列事件處理重新連接和錯(cuò)誤。" 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/175148089165625.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML5服務(wù)器序列事件處理重新連接和錯(cuò)誤。" />
								</a>
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829157.html" title="使用HTML5服務(wù)器序列事件處理重新連接和錯(cuò)誤。" class="phphistorical_Version2_mids_title">使用HTML5服務(wù)器序列事件處理重新連接和錯(cuò)誤。</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 03, 2025 am	 02:28 AM</span>
								<p class="Articlelist_txts_p">使用HTML5SSE時(shí)，處理重連和錯(cuò)誤的方法包括：1.了解默認(rèn)重連機(jī)制，EventSource默認(rèn)在連接中斷後3秒重試，可通過(guò)retry字段自定義間隔；2.監(jiān)聽(tīng)error事件以應(yīng)對(duì)連接失敗或解析錯(cuò)誤，區(qū)分錯(cuò)誤類型並執(zhí)行相應(yīng)邏輯，如網(wǎng)絡(luò)問(wèn)題依賴自動(dòng)重連、服務(wù)器錯(cuò)誤手動(dòng)延遲重連、認(rèn)證失效刷新token；3.主動(dòng)控制重連邏輯，如手動(dòng)關(guān)閉並重建連接、設(shè)置最大重試次數(shù)、結(jié)合navigator.onLine判斷網(wǎng)絡(luò)狀態(tài)以優(yōu)化重試策略。這些措施可提升應(yīng)用穩(wěn)定性與用戶體驗(yàn)。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829178.html" title="為現(xiàn)代頁(yè)面宣布正確的HTML5 Doctype。" 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/175148132111973.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="為現(xiàn)代頁(yè)面宣布正確的HTML5 Doctype。" />
								</a>
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829178.html" title="為現(xiàn)代頁(yè)面宣布正確的HTML5 Doctype。" class="phphistorical_Version2_mids_title">為現(xiàn)代頁(yè)面宣布正確的HTML5 Doctype。</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 03, 2025 am	 02:35 AM</span>
								<p class="Articlelist_txts_p">Doctype是告訴瀏覽器用哪種HTML標(biāo)準(zhǔn)解析頁(yè)面的聲明，現(xiàn)代網(wǎng)頁(yè)只需在HTML文件最開(kāi)頭寫(xiě)。其作用是確保瀏覽器以標(biāo)準(zhǔn)模式而非怪異模式渲染頁(yè)面，且必須位於第一行，前面不能有空格或註釋；正確寫(xiě)法僅有一種，不推薦使用舊版本或其他變體；其他如charset、viewport等應(yīng)放在部分。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829167.html" title="使用HTML屬性實(shí)現(xiàn)客戶端表單驗(yàn)證。" 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/175148109151878.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML屬性實(shí)現(xiàn)客戶端表單驗(yàn)證。" />
								</a>
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829167.html" title="使用HTML屬性實(shí)現(xiàn)客戶端表單驗(yàn)證。" class="phphistorical_Version2_mids_title">使用HTML屬性實(shí)現(xiàn)客戶端表單驗(yàn)證。</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 03, 2025 am	 02:31 AM</span>
								<p class="Articlelist_txts_p">client-sideformvalidationCanbedOnewithOutJavaScriptbyusinghtmlattributes.1）useRequiredToEnforCemandatoryField.2）validateMailsAndUrllSwithTyPeatTributesLikeEmailOrurl，orusepatternwithRegegexforCustomAlorurl</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用HTML將選項(xiàng)分組？" 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/175157020270129.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用HTML將選項(xiàng)分組？" />
								</a>
								<a href="http://www.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用HTML將選項(xiàng)分組？" class="phphistorical_Version2_mids_title">如何使用HTML將選項(xiàng)分組？</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 04, 2025 am	 03:16 AM</span>
								<p class="Articlelist_txts_p">在HTML中使用標(biāo)籤可以對(duì)下拉菜單中的選項(xiàng)進(jìn)行分組。具體方法是用包裹一組元素，並通過(guò)label屬性定義組名，如：1.包含蘋(píng)果、香蕉、橙子等選項(xiàng)；2.包含胡蘿蔔、西蘭花等選項(xiàng)；3.每個(gè)為一個(gè)獨(dú)立分組，組內(nèi)選項(xiàng)自動(dòng)縮進(jìn)。注意事項(xiàng)包括：①不支持嵌套；②可通過(guò)disabled屬性禁用整個(gè)組；③樣式受限需結(jié)合CSS或第三方庫(kù)美化；可使用Select2等插件增強(qiáng)功能。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/zh-tw/faq/1796835653.html" title="將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。" 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="將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。" />
								</a>
								<a href="http://www.miracleart.cn/zh-tw/faq/1796835653.html" title="將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。" class="phphistorical_Version2_mids_title">將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 12, 2025 am	 03:01 AM</span>
								<p class="Articlelist_txts_p">HTML5、CSS和JavaScript應(yīng)通過(guò)語(yǔ)義化標(biāo)籤、合理加載順序與解耦設(shè)計(jì)高效結(jié)合。 1.使用HTML5語(yǔ)義化標(biāo)籤如、提升結(jié)構(gòu)清晰度與可維護(hù)性，利於SEO和無(wú)障礙訪問(wèn)；2.CSS應(yīng)置於中，使用外部文件並按模塊拆分，避免內(nèi)聯(lián)樣式與延遲加載問(wèn)題；3.JavaScript推薦放在前引入，使用defer或async異步加載以避免阻塞渲染；4.減少三者間強(qiáng)依賴，通過(guò)data-*屬性驅(qū)動(dòng)行為、類名控制狀態(tài)，統(tǒng)一命名規(guī)範(fàn)提升協(xié)作效率。這些方法能有效優(yōu)化頁(yè)面性能與團(tuán)隊(duì)協(xié)作。</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實(shí)現(xiàn)可點(diǎn)擊按鈕" 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/175182671121571.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML按鈕元素實(shí)現(xiàn)可點(diǎn)擊按鈕" />
								</a>
								<a href="http://www.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實(shí)現(xiàn)可點(diǎn)擊按鈕" class="phphistorical_Version2_mids_title">使用HTML按鈕元素實(shí)現(xiàn)可點(diǎn)擊按鈕</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 07, 2025 am	 02:31 AM</span>
								<p class="Articlelist_txts_p">要使用HTML的button元素實(shí)現(xiàn)可點(diǎn)擊按鈕，首先需掌握其基本用法與常見(jiàn)註意事項(xiàng)。 1.使用標(biāo)籤創(chuàng)建按鈕，並通過(guò)type屬性定義行為（如button、submit、reset），默認(rèn)為submit；2.通過(guò)JavaScript添加交互功能，可內(nèi)聯(lián)寫(xiě)法或通過(guò)ID綁定事件監(jiān)聽(tīng)器以提升維護(hù)性；3.利用CSS自定義樣式，包括背景色、邊框、圓角及hover/active狀態(tài)效果，增強(qiáng)用戶體驗(yàn)；4.注意常見(jiàn)問(wèn)題：確保未啟用disabled屬性、正確綁定JS事件、避免佈局遮擋，並藉助開(kāi)發(fā)者工具排查異常。掌握這</p>
							</div>
														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
								<a href="http://www.miracleart.cn/zh-tw/faq/1796832574.html" title="使用新的HTML5方法（FormData）提交表單數(shù)據(jù)" 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/175191288234525.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用新的HTML5方法（FormData）提交表單數(shù)據(jù)" />
								</a>
								<a href="http://www.miracleart.cn/zh-tw/faq/1796832574.html" title="使用新的HTML5方法（FormData）提交表單數(shù)據(jù)" class="phphistorical_Version2_mids_title">使用新的HTML5方法（FormData）提交表單數(shù)據(jù)</a>
								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 08, 2025 am	 02:28 AM</span>
								<p class="Articlelist_txts_p">使用HTML5的FormDataAPI提交表單數(shù)據(jù)更方便，1.它可自動(dòng)收集帶name屬性的表單字段或手動(dòng)添加數(shù)據(jù)；2.支持通過(guò)fetch或XMLHttpRequest以multipart/form-data格式提交，適合文件上傳；3.處理文件時(shí)只需將文件附加到FormData並發(fā)送請(qǐng)求即可；4.注意同名字段會(huì)被覆蓋、需處理JSON轉(zhuǎn)換及無(wú)嵌套結(jié)構(gòu)等問(wèn)題。</p>
							</div>
													</div>

													<a href="http://www.miracleart.cn/zh-tw/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>公益線上PHP培訓(xùn)，幫助PHP學(xué)習(xí)者快速成長(zhǎng)！</p>
        </div>
        <div   id="377j5v51b"   class="footermid">
            <a href="http://www.miracleart.cn/zh-tw/about/us.html">關(guān)於我們</a>
            <a href="http://www.miracleart.cn/zh-tw/about/disclaimer.html">免責(zé)聲明</a>
            <a href="http://www.miracleart.cn/zh-tw/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="kjubq" class="pl_css_ganrao" style="display: none;"><label id="kjubq"><tfoot id="kjubq"><tbody id="kjubq"></tbody></tfoot></label><legend id="kjubq"></legend><b id="kjubq"><optgroup id="kjubq"><bdo id="kjubq"></bdo></optgroup></b><ins id="kjubq"></ins><big id="kjubq"><ins id="kjubq"><optgroup id="kjubq"></optgroup></ins></big><samp id="kjubq"><thead id="kjubq"><abbr id="kjubq"></abbr></thead></samp><em id="kjubq"></em><strike id="kjubq"><strike id="kjubq"><em id="kjubq"><u id="kjubq"></u></em></strike></strike><label id="kjubq"></label><li id="kjubq"></li><del id="kjubq"></del><samp id="kjubq"><thead id="kjubq"><abbr id="kjubq"><li id="kjubq"></li></abbr></thead></samp><td id="kjubq"></td><em id="kjubq"></em><dl id="kjubq"></dl><legend id="kjubq"><dfn id="kjubq"><sup id="kjubq"><form id="kjubq"></form></sup></dfn></legend><sub id="kjubq"></sub><menu id="kjubq"><source id="kjubq"><wbr id="kjubq"></wbr></source></menu><button id="kjubq"><pre id="kjubq"><pre id="kjubq"><tfoot id="kjubq"></tfoot></pre></pre></button><th id="kjubq"><object id="kjubq"><big id="kjubq"><option id="kjubq"></option></big></object></th><small id="kjubq"></small><thead id="kjubq"><small id="kjubq"><sup id="kjubq"></sup></small></thead><output id="kjubq"><sub id="kjubq"><li id="kjubq"></li></sub></output><table id="kjubq"><object id="kjubq"></object></table><tr id="kjubq"></tr><label id="kjubq"></label><xmp id="kjubq"></xmp><rp id="kjubq"></rp><tt id="kjubq"><bdo id="kjubq"><optgroup id="kjubq"></optgroup></bdo></tt><small id="kjubq"><strong id="kjubq"></strong></small><menuitem id="kjubq"></menuitem><acronym id="kjubq"></acronym><sup id="kjubq"></sup><tr id="kjubq"></tr><b id="kjubq"><small id="kjubq"><bdo id="kjubq"></bdo></small></b><font id="kjubq"><dfn id="kjubq"><button id="kjubq"></button></dfn></font><td id="kjubq"></td><label id="kjubq"></label><blockquote id="kjubq"><samp id="kjubq"></samp></blockquote><menu id="kjubq"></menu><input id="kjubq"><object id="kjubq"><sup id="kjubq"></sup></object></input><i id="kjubq"><nav id="kjubq"></nav></i><optgroup id="kjubq"></optgroup><blockquote id="kjubq"><samp id="kjubq"></samp></blockquote><video id="kjubq"></video><li id="kjubq"><label id="kjubq"><pre id="kjubq"></pre></label></li><delect id="kjubq"><sub id="kjubq"><li id="kjubq"></li></sub></delect><dl id="kjubq"><blockquote id="kjubq"></blockquote></dl><small id="kjubq"></small></div>

</html>