以下是下面提到的以下屬性<\/p>\n
全局屬性將用于與任何 HTML 元素上使用的屬性相關(guān)。此類屬性在所有 HTML 元素中都很普遍。<\/p>\n<\/address>\n
每當(dāng)瀏覽器響應(yīng)特定用戶的干預(yù)時(shí)，就會(huì)發(fā)生事件。當(dāng)用戶單擊鼠標(biāo)、上傳文檔或圖片、播放視頻或在網(wǎng)頁上執(zhí)行任何其他活動(dòng)時(shí)。<\/p>\n
窗口事件屬性在窗口對(duì)象啟動(dòng)時(shí)使用。<\/p>\n
可以在表單內(nèi)發(fā)生的事件被視為流程中的事件。當(dāng)用戶打開或關(guān)閉表單、在表單之間切換或?qū)Π瑪?shù)據(jù)的表單進(jìn)行操作時(shí)，會(huì)發(fā)生表單事件。<\/p>\n
Here are the following examples mention below<\/p>\n
\n\n\n\n\nHTML Address Tag\n<\/title>\n<\/head>\n<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<article>\n<h2>This is Heading Title<\/h2>\n<p>Information about article will be written here...<\/p>\n<\/article>\n<footer>\n<address>\nContact Address:<br>\nmycompany.com<br>\n#987 5th Main, 10th Cross<br>\nXYZ road<br>\nNew Delhi, India\n<\/address>\n<\/footer>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output<\/strong>:<\/p>\n<ul>\n<li>Save the above code in a file with a .html extension<\/li>\n<li>Run the html file in a browser, and you would get the output as shown in the below image<\/li>\n<\/ul>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543842617886.png\" alt=\"HTML 地址標(biāo)簽\" ><\/p>\n<h4>Example #2 – Color property<\/h4>\n<p><strong>Code:<\/strong><\/p>\n<pre><!doctype html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>\nHTML Address Tag\n<\/title>\n<style>\n.color_prop {\ncolor: #1c87c9;\n}\n<\/style>\n<\/head>\n<body>\n<article>\n<h2>This is Heading Title<\/h2>\n<p>Information about article will be written here...<\/p>\n<\/article>\n<footer>\n<address>\n<p class=\"color_prop\">Contact Address:<\/p>\nmycompany.com<br>\n#987 5th Main, 10th Cross<br>\nXYZ road<br>\nNew Delhi, India\n<\/address>\n<\/footer>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output<\/strong>:<\/p>\n<p>Run the above file in a browser, and you would get the output as shown in the below image:<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543842776339.png\" alt=\"HTML 地址標(biāo)簽\" ><\/p>\n<h4>Example #3 –?Background Color Property<\/h4>\n<p><strong>Code:<\/strong><\/p>\n<pre><!doctype html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>\nHTML Address Tag\n<\/title>\n<style>\n.color_prop {\nbackground-color: #1c87c9;\n}\n<\/style>\n<\/head>\n<body>\n<article>\n<h2>This is Heading Title<\/h2>\n<p>Information about article will be written here...<\/p>\n<\/article>\n<footer>\n<address>\n<div id="377j5v51b" class=\"color_prop\">Contact Address:<br>\nmycompany.com<br>\n#987 5th Main, 10th Cross<br>\nXYZ road<br>\nNew Delhi, India\n<\/div>\n<\/address>\n<\/footer>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output<\/strong>:<\/p>\n\n\n<p>Run the above file in a browser, and you would get the output as shown in the below image:<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543842913724.png\" alt=\"HTML 地址標(biāo)簽\" ><\/p>\n<h4>Example #4 –?Text Decoration<\/h4>\n<p><strong>Code:<\/strong><\/p>\n<pre><!doctype html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>\nHTML Address Tag\n<\/title>\n<style>\n.style1 {\ntext-decoration: underline;\n}\n.style2 {\ntext-decoration: italic;\n}\n<\/style>\n<\/head>\n<body>\n<article>\n<h2>This is Heading Title<\/h2>\n<p>Information about article will be written here...<\/p>\n<\/article>\n<footer>\n<address>\n<p class=\"style1\">Contact Address:<\/p>\n<p class=\"style2\">mycompany.com<\/p>\n#987 5th Main, 10th Cross<br>\nXYZ road<br>\nNew Delhi, India\n<\/div>\n<\/address>\n<\/footer>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output<\/strong>:<\/p>\n<p>Run the above file in a browser, and you would get the output as shown in the below image:<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543843168895.png\" alt=\"HTML 地址標(biāo)簽\" ><\/p>\n<h4>Example #5 –?CSS Fonts<\/h4>\n<p><strong>Code:<\/strong><\/p>\n<pre><!doctype html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>\nHTML Address Tag\n<\/title>\n<style>\n.style1 {\nfont-family:\"Lucida Sans Unicode\", \"Lucida Grande\", sans-serif;\n}\n.style2 {\nfont-weight: bolder;\n}\n<\/style>\n<\/head>\n<body>\n<article>\n<h2>This is Heading Title<\/h2>\n<p>Information about article will be written here...<\/p>\n<\/article>\n<footer>\n<address>\n<p class=\"style1\">Contact Address:<\/p>\n<p class=\"style2\">mycompany.com<\/p>\n#987 5th Main, 10th Cross<br>\nXYZ road<br>\nNew Delhi, India\n<\/div>\n<\/address>\n<\/footer>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output<\/strong>:<\/p>\n<p>Run the above file in a browser, and you would get the output as shown in the below image:<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543843367536.png\" alt=\"HTML 地址標(biāo)簽\" ><\/p>\n\n\n<h4>Example #6 –?Text Shadow<\/h4>\n<p><strong>Code:<\/strong><\/p>\n<pre><!doctype html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>\nHTML Address Tag\n<\/title>\n<style>\n.style1 {\ntext-shadow: 2px 2px #1c87c9;\n}\n<\/style>\n<\/head>\n<body>\n<article>\n<h2>This is Heading Title<\/h2>\n<p>Information about article will be written here...<\/p>\n<\/article>\n<footer>\n<address>\n<p class=\"style1\">Contact Address:<\/p>\nmycompany.com<br>\n#987 5th Main, 10th Cross<br>\nXYZ road<br>\nNew Delhi, India\n<\/div>\n<\/address>\n<\/footer>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output<\/strong>:<\/p>\n<p>Run the above file in a browser, and you would get the output as shown in the below image:<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543843681233.png\" alt=\"HTML 地址標(biāo)簽\" ><\/p>\n<h4>Example #7 –?Line Height<\/h4>\n<p><strong>Code:<\/strong><\/p>\n<pre><!doctype html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>\nHTML Address Tag\n<\/title>\n<style>\n.color_prop {\nline-height: 2.0;\n}\n<\/style>\n<\/head>\n<body>\n<article>\n<h2>This is Heading Title<\/h2>\n<p>Information about article will be written here...<\/p>\n<\/article>\n<footer>\n<address>\n<div id="377j5v51b" class=\"color_prop\">Contact Address:<br>\nmycompany.com<br>\n#987 5th Main, 10th Cross<br>\nXYZ road<br>\nNew Delhi, India\n<\/div>\n<\/address>\n<\/footer>\n<\/body>\n<\/html><\/pre>\n<p><strong>Output<\/strong>:<\/p>\n<p>Run the above file in a browser, and you would get the output as shown in the below image:<\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543843731532.png\" alt=\"HTML 地址標(biāo)簽\" ><\/p>\n<h3>Conclusion<\/h3>\n<p>So far, we have studied how to address tag will be used when an owner wants to specify the address information. In order to quickly contact the author via email, this feature is often combined with the HTML mailto property. The address tag will usually be included in the section < footer> section.<\/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/" 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="社區(qū)" class="head_nava head_nava-template1">社區(qū)</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://www.miracleart.cn/zh/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://www.miracleart.cn/zh/wenda.html" title="問答" class="languagechoosea">問答</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/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://www.miracleart.cn/zh/dic/" title="編程詞典" class="languagechoosea">編程詞典</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="工具庫" class="head_nava head_nava-template1_2">工具庫</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/zh/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://www.miracleart.cn/zh/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://www.miracleart.cn/zh/toolset/php-libraries" title="PHP 庫" class="languagechoosea">PHP 庫</a> <a href="http://www.miracleart.cn/zh/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://www.miracleart.cn/zh/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://www.miracleart.cn/zh/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/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/game" title="游戲下載" class="languagechoosea on">游戲下載</a> <a href="http://www.miracleart.cn/zh/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')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="搜索" onclick="searchs('zh')"><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">簡(jiǎn)體中文<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:;" 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="日本語" class="languagechoosea">日本語</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="#屬性" title="屬性" >屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#全局屬性" title="1.全局屬性" >1.全局屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#事件屬性" title="2.事件屬性" >2.事件屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Windows-事件屬性" title="3. Windows 事件屬性" >3. Windows 事件屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#表單事件屬性" title="4.表單事件屬性" >4.表單事件屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Examples-of-implementing-HTML-address-Tag" title="Examples of implementing HTML address Tag" >Examples of implementing HTML address Tag</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Example" title="Example #1" >Example #1</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Example-Color-property" title="Example #2 – Color property" >Example #2 – Color property</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Example-Background-Color-Property" title="Example #3 –?Background Color Property" >Example #3 –?Background Color Property</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Example-Text-Decoration" title="Example #4 –?Text Decoration" >Example #4 –?Text Decoration</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Example-CSS-Fonts" title="Example #5 –?CSS Fonts" >Example #5 –?CSS Fonts</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Example-Text-Shadow" title="Example #6 –?Text Shadow" >Example #6 –?Text Shadow</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Example-Line-Height" title="Example #7 –?Line Height" >Example #7 –?Line Height</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/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/zh/div-tutorial.html" class="phpgenera_Details_mainL1a">html教程</a> <img src="/static/imghw/top_right.png" alt="" /> <span>HTML 地址標(biāo)簽</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">HTML 地址標(biāo)簽</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/zh/member/465014.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/465/014/627b58ba8fa6c600.jpg" src="/static/imghw/default1.png" alt="王林"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/zh/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:27 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>;標(biāo)簽用于獲取有關(guān)網(wǎng)站所有者或文章作者的詳細(xì)聯(lián)系信息。它可能包括地址、電話、電子郵件、網(wǎng)站連接等等。 標(biāo)簽對(duì)于不同的上下文很有幫助，包括頁面標(biāo)題中的業(yè)務(wù)聯(lián)系信息，或與作者相關(guān)的聯(lián)系信息等。傳統(tǒng)上，瀏覽器將 </p> <address> 中包含的斜體文本視為斜體文本。標(biāo)簽。該標(biāo)簽通常也稱為。地址>。通常，元素將包含在 元素以及其他細(xì)節(jié)。難道就不能用其他方式來識(shí)別地址嗎？在本主題中，我們將學(xué)習(xí) HTML 地址標(biāo)簽。 <p><strong>語法</strong></p> <p> 的語法標(biāo)簽將如下所示寫入：</p> <pre class="brush:php;toolbar:false"><html> <body> <address> Contact Information:<br> www.mycompany.com<br> #12345, Main Street<br> Name of City, Name of State </address> </body> </html></pre> <h3 id="屬性">屬性</h3> <p>以下是下面提到的以下屬性</p> <h4 id="全局屬性">1.全局屬性</h4> <p>全局屬性將用于與任何 HTML 元素上使用的屬性相關(guān)。此類屬性在所有 HTML 元素中都很普遍。</p> </address> <ul> <li> <strong>accesskey:</strong>定義激活元素的快捷鍵。</li> <li> <strong>class:</strong> 它給出元素的類名稱。</li> <li> <strong>contenteditable:</strong> 用于指示元素是否可以編輯。</li> <li> <strong>dir:</strong> 用于定義元素的文本方向。</li> <li> <strong>draggable:</strong>它定義了元素如何在頁面上拖動(dòng)。</li> <li> <strong>dropzone:</strong>用于指示連接時(shí)是否可以復(fù)制、移動(dòng)或鏈接數(shù)據(jù)。</li> <li> <strong>id:</strong>它定義了元素的具體id。</li> <li> <strong>lang:</strong>它定義元素內(nèi)容的語言。</li> <li> <strong>style:</strong>它提供元素的CSS樣式。</li> <li> <strong>tabindex:</strong> 用于定義元素的 Tab 鍵順序。</li> <li> <strong>標(biāo)題：</strong>用于提供元素的附加信息。</li> <li> <strong>translate:</strong>表示元素的內(nèi)容是否可以翻譯。</li> <li> <strong>拼寫檢查：</strong>它定義元素內(nèi)容的拼寫檢查。</li> <li> <strong>data:</strong> 用于在 HTML 和 DOM 描述之間交換私有數(shù)據(jù)。</li> <li> <strong>hidden：</strong>當(dāng)需要隱藏元素時(shí)使用該屬性</li> </ul> <h4 id="事件屬性">2.事件屬性</h4> <p>每當(dāng)瀏覽器響應(yīng)特定用戶的干預(yù)時(shí)，就會(huì)發(fā)生事件。當(dāng)用戶單擊鼠標(biāo)、上傳文檔或圖片、播放視頻或在網(wǎng)頁上執(zhí)行任何其他活動(dòng)時(shí)。</p> <h4 id="Windows-事件屬性">3. Windows 事件屬性</h4> <p>窗口事件屬性在窗口對(duì)象啟動(dòng)時(shí)使用。</p> <ul> <li> <strong>onafterprint：</strong>需要打印文檔時(shí)使用。</li> <li> <strong>onbeforeprint:</strong>在需要打印文檔之前執(zhí)行。</li> <li> <strong>onbeforeload:</strong>當(dāng)文檔將被卸載時(shí)使用。</li> <li> <strong>onblur:</strong>當(dāng)窗口沒有焦點(diǎn)時(shí)將定義此屬性。</li> <li> <strong>onerror:</strong>下載文檔時(shí)出現(xiàn)錯(cuò)誤時(shí)定義。</li> <li> <strong>onload:</strong>加載網(wǎng)頁內(nèi)容時(shí)指定。</li> <li> <strong>onmessage:</strong>當(dāng)消息中有原因時(shí)使用。</li> <li> <strong>onoffline:</strong>當(dāng)瀏覽器在離線模式下工作時(shí)，將使用該屬性。</li> <li> <strong>ononline:</strong>當(dāng)瀏覽器處于在線模式時(shí)將使用此屬性。</li> <li> <strong>onpagehide：</strong>當(dāng)用戶離開網(wǎng)頁時(shí)指定。</li> <li> <strong>onpageshow:</strong> 當(dāng)用戶導(dǎo)航到網(wǎng)頁時(shí)指定。</li> <li> <strong>onpopstate:</strong>當(dāng)窗口歷史記錄發(fā)生更改時(shí)將使用此屬性。</li> <li> <strong>onredo：</strong>當(dāng)頁面上有重做選項(xiàng)時(shí)使用。</li> <li> <strong>onresize:</strong>當(dāng)用戶調(diào)整窗口大小時(shí)指定。</li> <li> <strong>onstorage：</strong> 當(dāng)網(wǎng)絡(luò)存儲(chǔ)有更新時(shí)定義。</li> <li> <strong>onundo:</strong>當(dāng)有一個(gè)撤消選項(xiàng)被取消時(shí)使用。</li> <li> <strong>onunload:</strong>卸載網(wǎng)頁內(nèi)容時(shí)指定。</li> </ul> <h4 id="表單事件屬性">4.表單事件屬性</h4> <p>可以在表單內(nèi)發(fā)生的事件被視為流程中的事件。當(dāng)用戶打開或關(guān)閉表單、在表單之間切換或?qū)Π瑪?shù)據(jù)的表單進(jìn)行操作時(shí)，會(huì)發(fā)生表單事件。</p> <ul> <li> <strong>onblur:</strong> This attribute will be defined when there is no focus on the form element.</li> <li> <strong>onchange:</strong> It is defined when there is a change in the value of an element.</li> <li> <strong>oncontextmenu:</strong> It is used when the user wants to see the context menu.</li> <li> <strong>onfocus:</strong> It is used when an element gets a focus.</li> <li> <strong>oninput:</strong> It is used when an element gets input from the user.</li> <li> <strong>oninvalid:</strong> It is specified when there is an invalid element on a page.</li> <li> <strong>onreset:</strong> This attribute will be used when a user wants to reset the form.</li> <li> <strong>onsearch:</strong> It is defined when the user searches for some information in the search field.</li> <li> <strong>onselect:</strong> It is used when the user selects the text in an element.</li> <li> <strong>onsubmit:</strong> It is used when the user submits the form.</li> </ul> <h3 id="Examples-of-implementing-HTML-address-Tag">Examples of implementing HTML address Tag</h3> <p>Here are the following examples mention below</p> <h4 id="Example">Example #1</h4> <pre class="brush:php;toolbar:false"><!doctype html> <html> <head> <meta charset="UTF-8"> <title> HTML Address Tag </title> </head> <body> <article> <h2>This is Heading Title</h2> <p>Information about article will be written here...</p> </article> <footer> <address> Contact Address:<br> mycompany.com<br> #987 5th Main, 10th Cross<br> XYZ road<br> New Delhi, India </address> </footer> </body> </html></pre> <p><strong>Output</strong>:</p> <ul> <li>Save the above code in a file with a .html extension</li> <li>Run the html file in a browser, and you would get the output as shown in the below image</li> </ul> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543842617886.png" class="lazy" alt="HTML 地址標(biāo)簽" ></p> <h4 id="Example-Color-property">Example #2 – Color property</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><!doctype html> <html> <head> <meta charset="UTF-8"> <title> HTML Address Tag </title> <style> .color_prop { color: #1c87c9; } </style> </head> <body> <article> <h2>This is Heading Title</h2> <p>Information about article will be written here...</p> </article> <footer> <address> <p class="color_prop">Contact Address:</p> mycompany.com<br> #987 5th Main, 10th Cross<br> XYZ road<br> New Delhi, India </address> </footer> </body> </html></pre> <p><strong>Output</strong>:</p> <p>Run the above file in a browser, and you would get the output as shown in the below image:</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543842776339.png" class="lazy" alt="HTML 地址標(biāo)簽" ></p> <h4 id="Example-Background-Color-Property">Example #3 –?Background Color Property</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><!doctype html> <html> <head> <meta charset="UTF-8"> <title> HTML Address Tag </title> <style> .color_prop { background-color: #1c87c9; } </style> </head> <body> <article> <h2>This is Heading Title</h2> <p>Information about article will be written here...</p> </article> <footer> <address> <div class="color_prop">Contact Address:<br> mycompany.com<br> #987 5th Main, 10th Cross<br> XYZ road<br> New Delhi, India </div> </address> </footer> </body> </html></pre> <p><strong>Output</strong>:</p> <p>Run the above file in a browser, and you would get the output as shown in the below image:</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543842913724.png" class="lazy" alt="HTML 地址標(biāo)簽" ></p> <h4 id="Example-Text-Decoration">Example #4 –?Text Decoration</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><!doctype html> <html> <head> <meta charset="UTF-8"> <title> HTML Address Tag </title> <style> .style1 { text-decoration: underline; } .style2 { text-decoration: italic; } </style> </head> <body> <article> <h2>This is Heading Title</h2> <p>Information about article will be written here...</p> </article> <footer> <address> <p class="style1">Contact Address:</p> <p class="style2">mycompany.com</p> #987 5th Main, 10th Cross<br> XYZ road<br> New Delhi, India </div> </address> </footer> </body> </html></pre> <p><strong>Output</strong>:</p> <p>Run the above file in a browser, and you would get the output as shown in the below image:</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543843168895.png" class="lazy" alt="HTML 地址標(biāo)簽" ></p> <h4 id="Example-CSS-Fonts">Example #5 –?CSS Fonts</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><!doctype html> <html> <head> <meta charset="UTF-8"> <title> HTML Address Tag </title> <style> .style1 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; } .style2 { font-weight: bolder; } </style> </head> <body> <article> <h2>This is Heading Title</h2> <p>Information about article will be written here...</p> </article> <footer> <address> <p class="style1">Contact Address:</p> <p class="style2">mycompany.com</p> #987 5th Main, 10th Cross<br> XYZ road<br> New Delhi, India </div> </address> </footer> </body> </html></pre> <p><strong>Output</strong>:</p> <p>Run the above file in a browser, and you would get the output as shown in the below image:</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543843367536.png" class="lazy" alt="HTML 地址標(biāo)簽" ></p> <h4 id="Example-Text-Shadow">Example #6 –?Text Shadow</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><!doctype html> <html> <head> <meta charset="UTF-8"> <title> HTML Address Tag </title> <style> .style1 { text-shadow: 2px 2px #1c87c9; } </style> </head> <body> <article> <h2>This is Heading Title</h2> <p>Information about article will be written here...</p> </article> <footer> <address> <p class="style1">Contact Address:</p> mycompany.com<br> #987 5th Main, 10th Cross<br> XYZ road<br> New Delhi, India </div> </address> </footer> </body> </html></pre> <p><strong>Output</strong>:</p> <p>Run the above file in a browser, and you would get the output as shown in the below image:</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543843681233.png" class="lazy" alt="HTML 地址標(biāo)簽" ></p> <h4 id="Example-Line-Height">Example #7 –?Line Height</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><!doctype html> <html> <head> <meta charset="UTF-8"> <title> HTML Address Tag </title> <style> .color_prop { line-height: 2.0; } </style> </head> <body> <article> <h2>This is Heading Title</h2> <p>Information about article will be written here...</p> </article> <footer> <address> <div class="color_prop">Contact Address:<br> mycompany.com<br> #987 5th Main, 10th Cross<br> XYZ road<br> New Delhi, India </div> </address> </footer> </body> </html></pre> <p><strong>Output</strong>:</p> <p>Run the above file in a browser, and you would get the output as shown in the below image:</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543843731532.png" class="lazy" alt="HTML 地址標(biāo)簽" ></p> <h3 id="Conclusion">Conclusion</h3> <p>So far, we have studied how to address tag will be used when an owner wants to specify the address information. In order to quickly contact the author via email, this feature is often combined with the HTML mailto property. The address tag will usually be included in the section < footer> section.</p><p>以上是HTML 地址標(biāo)簽的詳細(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">本站聲明</div> <div>本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn)，版權(quán)歸原作者所有，本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容，請(qǐng)聯(lián)系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>熱門文章</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/faq/1796821119.html" title="指南：恒星刀片保存文件位置/保存文件丟失/不保存" class="phpgenera_Details_mainR4_bottom_title">指南：恒星刀片保存文件位置/保存文件丟失/不保存</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 周前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh/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/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>1 周前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh/faq/1796821436.html" title="沙丘：覺醒 - 高級(jí)行星學(xué)家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺醒 - 高級(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/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>4 周前</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh/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/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/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/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/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/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/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/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/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣機(jī)</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh/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/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/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>熱門文章</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/faq/1796821119.html" title="指南：恒星刀片保存文件位置/保存文件丟失/不保存" class="phpgenera_Details_mainR4_bottom_title">指南：恒星刀片保存文件位置/保存文件丟失/不保存</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 周前</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh/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/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>1 周前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh/faq/1796821436.html" title="沙丘：覺醒 - 高級(jí)行星學(xué)家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺醒 - 高級(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/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>4 周前</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/zh/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/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/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/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/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/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/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>功能強(qiáng)大的PHP集成開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh/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/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>視覺化網(wǎng)頁開發(fā)工具</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/zh/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/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/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>熱門話題</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/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>8637</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/faq/java-tutorial" title="Java教程" class="phpgenera_Details_mainR4_bottom_title">Java教程</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>1783</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/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>1728</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/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>1577</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>28</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/zh/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>1442</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/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/faq/1796829177.html" title="構(gòu)建網(wǎng)頁的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)頁的HTML元素是什么？" /> </a> <a href="http://www.miracleart.cn/zh/faq/1796829177.html" title="構(gòu)建網(wǎng)頁的HTML元素是什么？" class="phphistorical_Version2_mids_title">構(gòu)建網(wǎng)頁的HTML元素是什么？</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:34 AM</span> <p class="Articlelist_txts_p">網(wǎng)頁結(jié)構(gòu)需核心HTML元素支撐，1.頁面整體結(jié)構(gòu)由、、構(gòu)成，其中為根元素，存放元信息，展示內(nèi)容；2.內(nèi)容組織依賴標(biāo)題（-）、段落（）及區(qū)塊標(biāo)簽（如、）以提升條理與SEO；3.導(dǎo)航通過與實(shí)現(xiàn)，常用組織鏈接并輔以aria-current屬性增強(qiáng)可訪問性；4.表單交互涉及、、與，確保用戶輸入與提交功能完整。正確使用這些元素能提升頁面清晰度、維護(hù)性及搜索引擎優(yōu)化。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh/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/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秒重試，可通過retry字段自定義間隔；2.監(jiān)聽error事件以應(yīng)對(duì)連接失敗或解析錯(cuò)誤，區(qū)分錯(cuò)誤類型并執(zhí)行相應(yīng)邏輯，如網(wǎng)絡(luò)問題依賴自動(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/faq/1796829178.html" title="為現(xiàn)代頁面宣布正確的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)代頁面宣布正確的HTML5 Doctype。" /> </a> <a href="http://www.miracleart.cn/zh/faq/1796829178.html" title="為現(xiàn)代頁面宣布正確的HTML5 Doctype。" class="phphistorical_Version2_mids_title">為現(xiàn)代頁面宣布正確的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)解析頁面的聲明，現(xiàn)代網(wǎng)頁只需在HTML文件最開頭寫。其作用是確保瀏覽器以標(biāo)準(zhǔn)模式而非怪異模式渲染頁面，且必須位于第一行，前面不能有空格或注釋；正確寫法僅有一種，不推薦使用舊版本或其他變體；其他如charset、viewport等應(yīng)放在部分。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh/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/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/faq/1796828942.html" title="用HTML5語義標(biāo)記和微數(shù)據(jù)改善SEO。" 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/175147660275182.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="用HTML5語義標(biāo)記和微數(shù)據(jù)改善SEO。" /> </a> <a href="http://www.miracleart.cn/zh/faq/1796828942.html" title="用HTML5語義標(biāo)記和微數(shù)據(jù)改善SEO。" class="phphistorical_Version2_mids_title">用HTML5語義標(biāo)記和微數(shù)據(jù)改善SEO。</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 01:16 AM</span> <p class="Articlelist_txts_p">使用HTML5語義標(biāo)簽和Microdata可提升SEO，因?yàn)樗鼛椭阉饕娓美斫忭撁娼Y(jié)構(gòu)與內(nèi)容含義。1.使用HTML5語義標(biāo)簽如、、、、和來明確頁面區(qū)塊功能，有助于搜索引擎建立更準(zhǔn)確的頁面模型；2.添加Microdata結(jié)構(gòu)化數(shù)據(jù)標(biāo)注具體內(nèi)容，例如文章作者、發(fā)布日期、商品價(jià)格等，使搜索引擎能識(shí)別信息類型并用于富媒體摘要展示；3.注意正確使用標(biāo)簽避免混淆、避免重復(fù)標(biāo)記、測(cè)試結(jié)構(gòu)化數(shù)據(jù)有效性、定期更新以適應(yīng)schema.org的變化，并結(jié)合其他SEO手段長期優(yōu)化。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh/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/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)行分組。具體方法是用包裹一組元素，并通過label屬性定義組名，如：1.包含蘋果、香蕉、橙子等選項(xiàng)；2.包含胡蘿卜、西蘭花等選項(xiàng)；3.每個(gè)為一個(gè)獨(dú)立分組，組內(nèi)選項(xiàng)自動(dòng)縮進(jìn)。注意事項(xiàng)包括：①不支持嵌套；②可通過disabled屬性禁用整個(gè)組；③樣式受限需結(jié)合CSS或第三方庫美化；可使用Select2等插件增強(qiáng)功能。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh/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/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)擊按鈕，首先需掌握其基本用法與常見注意事項(xiàng)。1.使用標(biāo)簽創(chuàng)建按鈕，并通過type屬性定義行為（如button、submit、reset），默認(rèn)為submit；2.通過JavaScript添加交互功能，可內(nèi)聯(lián)寫法或通過ID綁定事件監(jiān)聽器以提升維護(hù)性；3.利用CSS自定義樣式，包括背景色、邊框、圓角及hover/active狀態(tài)效果，增強(qiáng)用戶體驗(yàn)；4.注意常見問題：確保未啟用disabled屬性、正確綁定JS事件、避免布局遮擋，并借助開發(fā)者工具排查異常。掌握這</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/zh/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/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)通過語義化標(biāo)簽、合理加載順序與解耦設(shè)計(jì)高效結(jié)合。1.使用HTML5語義化標(biāo)簽如、提升結(jié)構(gòu)清晰度與可維護(hù)性，利于SEO和無障礙訪問；2.CSS應(yīng)置于中，使用外部文件并按模塊拆分，避免內(nèi)聯(lián)樣式與延遲加載問題；3.JavaScript推薦放在前引入，使用defer或async異步加載以避免阻塞渲染；4.減少三者間強(qiáng)依賴，通過data-*屬性驅(qū)動(dòng)行為、類名控制狀態(tài)，統(tǒng)一命名規(guī)范提升協(xié)作效率。這些方法能有效優(yōu)化頁面性能與團(tuán)隊(duì)協(xié)作。</p> </div> </div> <a href="http://www.miracleart.cn/zh/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í)者快速成長！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/zh/about/us.html">關(guān)于我們</a> <a href="http://www.miracleart.cn/zh/about/disclaimer.html">免責(zé)聲明</a> <a href="http://www.miracleart.cn/zh/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="l0yok" class="pl_css_ganrao" style="display: none;"><progress id="l0yok"></progress><tt id="l0yok"><form id="l0yok"><optgroup id="l0yok"></optgroup></form></tt><dl id="l0yok"></dl><sup id="l0yok"><ol id="l0yok"><ins id="l0yok"><optgroup id="l0yok"></optgroup></ins></ol></sup><tfoot id="l0yok"></tfoot><th id="l0yok"></th><optgroup id="l0yok"></optgroup><center id="l0yok"><delect id="l0yok"><nav id="l0yok"></nav></delect></center><cite id="l0yok"><tfoot id="l0yok"><b id="l0yok"><small id="l0yok"></small></b></tfoot></cite><dd id="l0yok"><video id="l0yok"><dfn id="l0yok"></dfn></video></dd><div id="l0yok"></div><meter id="l0yok"></meter><center id="l0yok"></center><ol id="l0yok"><xmp id="l0yok"><ul id="l0yok"><kbd id="l0yok"></kbd></ul></xmp></ol><strike id="l0yok"></strike><label id="l0yok"></label><del id="l0yok"></del><acronym id="l0yok"><pre id="l0yok"><ul id="l0yok"><listing id="l0yok"></listing></ul></pre></acronym><menuitem id="l0yok"><abbr id="l0yok"><legend id="l0yok"></legend></abbr></menuitem><thead id="l0yok"></thead><tbody id="l0yok"><small id="l0yok"><pre id="l0yok"><delect id="l0yok"></delect></pre></small></tbody><rt id="l0yok"><source id="l0yok"><menuitem id="l0yok"><abbr id="l0yok"></abbr></menuitem></source></rt><blockquote id="l0yok"></blockquote><small id="l0yok"><center id="l0yok"><acronym id="l0yok"><del id="l0yok"></del></acronym></center></small><kbd id="l0yok"></kbd><sup id="l0yok"></sup><bdo id="l0yok"><span id="l0yok"><form id="l0yok"><ul id="l0yok"></ul></form></span></bdo><tt id="l0yok"><bdo id="l0yok"><dl id="l0yok"><pre id="l0yok"></pre></dl></bdo></tt><dfn id="l0yok"><source id="l0yok"></source></dfn><tfoot id="l0yok"><em id="l0yok"><tt id="l0yok"></tt></em></tfoot><code id="l0yok"><th id="l0yok"><p id="l0yok"><font id="l0yok"></font></p></th></code><label id="l0yok"></label><s id="l0yok"></s><td id="l0yok"></td><big id="l0yok"><option id="l0yok"><output id="l0yok"><style id="l0yok"></style></output></option></big><abbr id="l0yok"></abbr><var id="l0yok"></var><cite id="l0yok"></cite><sub id="l0yok"></sub><dfn id="l0yok"><u id="l0yok"></u></dfn><option id="l0yok"></option><optgroup id="l0yok"><pre id="l0yok"><strike id="l0yok"><kbd id="l0yok"></kbd></strike></pre></optgroup><sub id="l0yok"><tr id="l0yok"></tr></sub><style id="l0yok"><thead id="l0yok"><sup id="l0yok"></sup></thead></style><rp id="l0yok"><del id="l0yok"></del></rp><th id="l0yok"><em id="l0yok"></em></th><listing id="l0yok"><wbr id="l0yok"></wbr></listing><output id="l0yok"></output><big id="l0yok"></big><span id="l0yok"><kbd id="l0yok"></kbd></span><dl id="l0yok"></dl><fieldset id="l0yok"><dl id="l0yok"><font id="l0yok"><li id="l0yok"></li></font></dl></fieldset><pre id="l0yok"><abbr id="l0yok"><legend id="l0yok"><p id="l0yok"></p></legend></abbr></pre><button id="l0yok"></button><font id="l0yok"><li id="l0yok"></li></font><blockquote id="l0yok"></blockquote><i id="l0yok"><legend id="l0yok"></legend></i><track id="l0yok"></track><center id="l0yok"><optgroup id="l0yok"><fieldset id="l0yok"></fieldset></optgroup></center><var id="l0yok"></var><legend id="l0yok"><center id="l0yok"><mark id="l0yok"></mark></center></legend><ul id="l0yok"><tt id="l0yok"><tbody id="l0yok"></tbody></tt></ul><button id="l0yok"></button><acronym id="l0yok"></acronym><wbr id="l0yok"><blockquote id="l0yok"><samp id="l0yok"></samp></blockquote></wbr><strong id="l0yok"></strong><pre id="l0yok"><tfoot id="l0yok"><tbody id="l0yok"><small id="l0yok"></small></tbody></tfoot></pre><fieldset id="l0yok"><dl id="l0yok"><font id="l0yok"><li id="l0yok"></li></font></dl></fieldset><var id="l0yok"></var><strong id="l0yok"><strike id="l0yok"></strike></strong><tt id="l0yok"></tt><cite id="l0yok"></cite><tfoot id="l0yok"><em id="l0yok"><small id="l0yok"></small></em></tfoot><progress id="l0yok"></progress><bdo id="l0yok"></bdo><video id="l0yok"></video><em id="l0yok"></em><output id="l0yok"><th id="l0yok"><rt id="l0yok"></rt></th></output><meter id="l0yok"></meter><form id="l0yok"><cite id="l0yok"></cite></form><center id="l0yok"></center><button id="l0yok"><option id="l0yok"><optgroup id="l0yok"></optgroup></option></button><del id="l0yok"></del><em id="l0yok"><del id="l0yok"><nobr id="l0yok"><legend id="l0yok"></legend></nobr></del></em><li id="l0yok"><label id="l0yok"><sup id="l0yok"><blockquote id="l0yok"></blockquote></sup></label></li><acronym id="l0yok"></acronym><fieldset id="l0yok"><thead id="l0yok"><font id="l0yok"><li id="l0yok"></li></font></thead></fieldset><input id="l0yok"></input><noframes id="l0yok"><menu id="l0yok"><input id="l0yok"></input></menu></noframes><dfn id="l0yok"></dfn><abbr id="l0yok"></abbr><td id="l0yok"><ins id="l0yok"></ins></td><dfn id="l0yok"></dfn><nobr id="l0yok"></nobr><s id="l0yok"></s><rt id="l0yok"></rt><tr id="l0yok"><abbr id="l0yok"></abbr></tr><menuitem id="l0yok"></menuitem><thead id="l0yok"></thead><em id="l0yok"></em></div> </html>