![\"HTML](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543812774592.png\")
<\/p>\n
範例 #2 –?標籤<\/abbr>\n<\/h4>\n可以使用此元素定義文字的縮寫。每當使用者將滑鼠懸停在該標籤上時，它就會顯示文字的縮寫。 <\/p>\n
文法：<\/strong><\/p>\n Text <\/abbr><\/pre>\n代碼：<\/strong><\/p>\n\n\n\nabbr element <\/title>\n<\/head>\n<body>
<h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<p>Welcome to <abbr title=\"Beautiful\nAutomation System\">Beautosys<\/abbr><\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543812857079.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例 #3 – <bdo>標籤<\/bdo>\n<\/h4>\n<p>引號標籤中的這個標籤用來定義雙向覆蓋。它會改變 HTML 元素中的實際文字方向。 <\/p>\n<p><strong>文法：<\/strong><\/p>\n<pre><bdo dir=”value”> text <\/bdo><\/pre>\n<p>這裡的dir值可以是ltr表示從左到右方向或rtl表示從右到左方向。 <\/p>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<body>\n<p> Uday wire Industries <\/p>\n<p><bdo dir=”ltr” >Uday wire Industries <\/bdo><\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543813013598.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例 #4 – <q>標籤<\/q>\n<\/h4>\n<p>這用於顯示內(nèi)嵌文字引用。 <\/p>\n\n\n<p><strong>文法：<\/strong><\/p>\n<pre><q> text <\/q><\/pre>\n<p><b>代碼：<\/b><\/p>\n<pre><!DOCTYPE html>\n<html>\n<body>\n<q>Sisters are the choc chips in the era of biscuits <\/q>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543813161538.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例 #5 – <blockquote>;標籤<\/blockquote>\n<\/h4>\n<p>這用來表示網(wǎng)路文件中的區(qū)塊級引用<strong>。 <\/strong><\/p>\n<p><strong>文法：<\/strong><\/p>\n<pre><blockquote> contents <\/blockquote><\/pre>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title> Quotation tag in HTML <\/title>\n<\/head>\n<body>\n<p> Uday wire Industries <\/p>\n<p><blockquote> In the era of making new friends and showing\noff , I just wish one thing, that my old one’s stay; No matter what\nthe?? trend is.<\/blockquote>\n<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543813468527.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h3>HTML 中的引用標籤範例<\/h3>\n<p>以下是範例：<\/p>\n<h4>範例#1<\/h4>\n<p>讓我們來看一個例子來說明如何使用引用標籤。它還包括地址標籤、縮寫標籤和不同的引號標籤。 <\/p>\n<p><strong>代碼：<\/strong><\/p>\n\n\n<pre><!DOCTYPE html>\n<html>\n<head>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n* {\nbox-sizing: border-box;\n}\n.qtag{\nbackground-color: burlywood;\nborder-color: crimson;\nborder-style: dashed;\n}\n<\/style>\n<\/head>\n<body>\n<div id="377j5v51b" class=\"qtag\">\n<h2 style=\"color:brown;\">Quotation Tags Example<\/h2>\n<h4>Address tag<\/h4>\n<address>\n<blockquote>\n<p> 176, Kauslya kunj <br>\nAndaman Hill , Pangari Road <br>\nChandigad <br>\n<b>Contact US<\/b><br>\nContact No: 9968795334 <br>\nEmailD: [email?protected]<br>\n<\/p>\n<\/blockquote>\n<\/address>\n<h4>Abbreviation tag<\/h4>\n<p>\n<q>Being with <abbr title=\"Beautiful Automation Systems \">BEAUTOSYS <\/abbr> for marvelous growth into your business, Automation in technology and many more.......? ! Stay Connected <\/q>\n<\/p>\n<p>Be connected with us for Software services, Automation in new technologies, Embedded services, Responsive Websites and Mechanical services <\/p>\n<h5>Stay Connected!<\/h5>\n<\/div>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543813551144.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例#2<\/h4>\n<p>讓我們來看一個例子來說明如何使用引用標籤。它包括 bdo 標籤。 <\/p>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<body>\n<h2>bdo tag in quotation<\/h2>\n<p>dir value in the bdo tag defines the direction from which direction text is going to move and it will? generate output. <b>rtl <\/b>value defines text will moves from right to left direction where as <b>ltr<\/b><\/p>\n<h4>bdo tag<\/h4>\n<p>Tere is no success like failure. <br>\n<bdo dir=\"rtl\">Tere is no success like failure.<\/bdo> <\/p>\n<p>I get knocked down. But I get up again. You’re never going to keep me down <br>\n<q><bdo dir=\"ltr\">I get knocked down. But I get up again. You’re never going to keep me down<\/bdo><\/q> <\/p>\n<p>Don’t let what you cannot do interfere with what you can do.” <br>\n<bdo dir=\"rtl\">Don’t let what you cannot do interfere with what you can do.”<\/bdo><\/p>\n<p>The secret of getting ahead is getting started\n<q><bdo dir=\"ltr\">The secret of getting ahead is getting started<\/bdo><\/q>\n<\/p>\n<p>Success iss the sum of small efforts , Repeated day_in and day_out.<br>\n<bdo dir=\"rtl\">Success iss the sum of small efforts , Repeated day_in and day_out.<\/bdo>\n<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543814398487.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例#3<\/h4>\n<p>此範例顯示內(nèi)聯(lián)和區(qū)塊級文字的引用，如下所示：<\/p>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<body>\n<p> Quotation? <b>q<\/b> tag <\/p>\n<p><q> Success demands singleness of purpose.<\/q><\/p>\n<p><q>Choosing a goal and sticking to it changes everything.<\/q><\/p>\n<p><q> Choose a job you love, and you will never have to work a day in your life!.<\/q><\/p>\n<p><q> The most important thing about motivation is goal setting .You should always have a goal<\/q><\/p> <br>\n<p>Quotation <b>blockquote <\/b> tag for Block <\/p>\n<h4>Big data is advance Telemedicine<\/h4>\n<blockquote> <p>Big data is making impact in every field now a day. By using latest technology? in telemedicine field , one can get more information about their diseases ,so they can take more care using telemedicine. <\/p><\/blockquote>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543814721084.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h3>結論<\/h3>\n<p><q>和標籤在 HTML 中用作引用標籤。 <q>標籤用於內(nèi)聯(lián)文本，其中 <blockquote>用於區(qū)塊級文本元素。 <q>標籤支援稱為 cite 的屬性。 <q> tag 也支援 <address>、<abbr>、<bdo> 等標籤。等等<\/bdo><\/abbr>\n<\/address><\/q><\/q>\n<\/blockquote><\/q><\/q><\/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://m.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://m.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a>
<a href="http://m.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a>
<a href="http://m.miracleart.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="學習" class="head_nava head_nava-template1_1">學習</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://m.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a>
<a href="http://m.miracleart.cn/zh-tw/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://m.miracleart.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a>
<a href="http://m.miracleart.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a>
<a href="http://m.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫" class="languagechoosea">PHP 函式庫</a>
<a href="http://m.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a>
<a href="http://m.miracleart.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a>
<a href="http://m.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴充插件" class="languagechoosea on">擴充插件</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://m.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://m.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a>
<a href="http://m.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="簡體中文" class="languagechoosea">簡體中文</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="日本語" 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è)懸浮，文章定位標題1 id="Article_Details_main1L2s_1"-->
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#HTML-中引用標籤的元素" title="HTML 中引用標籤的元素" >HTML 中引用標籤的元素</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="#HTML-中的引用標籤範例" title="HTML 中的引用標籤範例" >HTML 中的引用標籤範例</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#範例" title="範例#3" >範例#3</a>
</div>
<div id="377j5v51b" class="Article_Details_main1L2s ">
<a href="#結論" title="結論" >結論</a>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main1M">
<div id="377j5v51b" class="phpgenera_Details_mainL1">
<a href="http://m.miracleart.cn/zh-tw/" title="首頁"
class="phpgenera_Details_mainL1a">首頁</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://m.miracleart.cn/zh-tw/web-designer.html"
class="phpgenera_Details_mainL1a">web前端</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://m.miracleart.cn/zh-tw/div-tutorial.html"
class="phpgenera_Details_mainL1a">html教學</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://m.miracleart.cn/zh-tw/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://m.miracleart.cn/zh-tw/member/465014.html" class="author_name">王林</a>
</div>
</div>
</div>
<span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:22 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>HTML 中的引用標籤用於使用 <q> 顯示簡短的引用。標籤。它包含在 <q> 和 <q> 之間。 …… </q>。它有助於表明所包含的文本位於內(nèi)聯(lián)引用中。對於簡短的引用，我們將使用 <q>... </q>標籤，而對於長引用，我們將使用名為 <blockquote> 的 HTML 標籤。 .... </blockquote>。此標籤專門用於指示網(wǎng)頁瀏覽器上與普通文字不同的文字。 <blockquote>標籤在 HTML 中用於表示網(wǎng)頁文件中的區(qū)塊級引用。這些標籤對於樣式設計最有用，因為它們將網(wǎng)頁的流程分配到不同的部分。 </blockquote></q></q></p>
<p><strong>文法：</strong></p>
<pre class="brush:php;toolbar:false"><q> Some text </q></pre>
<p>此標籤用於在 HTML 文件中顯示內(nèi)嵌引用。 </p>
<pre class="brush:php;toolbar:false"><blockquote> Some text </blockquote></pre>
<p>該標籤用於顯示區(qū)塊級引用。它有助於更改文字的位置並使其與其他元素不同。該標籤使用名為 cite 的屬性，該屬性有助於定義引文的實際來源。 </p>
<h3 id="HTML-中引用標籤的元素">HTML 中引用標籤的元素</h3>
<p>以下是我們將在引號標籤中使用的最有用的元素：</p>
<h4 id="範例-標籤">範例 #1 –?;標籤</h4>
<p>此標籤用於在 HTML 文件上顯示地址，將文字放入地址標籤中，如下所示：</p>
<p><strong>文法：</strong></p>
<pre class="brush:php;toolbar:false"><address>? some text </address></pre>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>abbr element </title>
</head>
<body>
<address>156, devanagri, <br>
Near shanoormiya darga, <br>
Aurangabad
</address>
</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/172543812774592.png" class="lazy" alt="HTML 中的引用標籤" ></p>
<h4>範例 #2 –?<abbr>標籤</abbr>
</h4>
<p>可以使用此元素定義文字的縮寫。每當使用者將滑鼠懸停在該標籤上時，它就會顯示文字的縮寫。 </p>
<p><strong>文法：</strong></p>
<pre class="brush:php;toolbar:false"><abbr> Text </abbr></pre>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>abbr element </title>
</head>
<body>
<p>Welcome to <abbr title="Beautiful
Automation System">Beautosys</abbr></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/172543812857079.png" class="lazy" alt="HTML 中的引用標籤" ></p>
<h4>範例 #3 – <bdo>標籤</bdo>
</h4>
<p>引號標籤中的這個標籤用來定義雙向覆蓋。它會改變 HTML 元素中的實際文字方向。 </p>
<p><strong>文法：</strong></p>
<pre class="brush:php;toolbar:false"><bdo dir=”value”> text </bdo></pre>
<p>這裡的dir值可以是ltr表示從左到右方向或rtl表示從右到左方向。 </p>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<body>
<p> Uday wire Industries </p>
<p><bdo dir=”ltr” >Uday wire Industries </bdo></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/172543813013598.png" class="lazy" alt="HTML 中的引用標籤" ></p>
<h4>範例 #4 – <q>標籤</q>
</h4>
<p>這用於顯示內(nèi)嵌文字引用。 </p>
<p><strong>文法：</strong></p>
<pre class="brush:php;toolbar:false"><q> text </q></pre>
<p><b>代碼：</b></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<body>
<q>Sisters are the choc chips in the era of biscuits </q>
</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/172543813161538.png" class="lazy" alt="HTML 中的引用標籤" ></p>
<h4>範例 #5 – <blockquote>;標籤</blockquote>
</h4>
<p>這用來表示網(wǎng)路文件中的區(qū)塊級引用<strong>。 </strong></p>
<p><strong>文法：</strong></p>
<pre class="brush:php;toolbar:false"><blockquote> contents </blockquote></pre>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title> Quotation tag in HTML </title>
</head>
<body>
<p> Uday wire Industries </p>
<p><blockquote> In the era of making new friends and showing
off , I just wish one thing, that my old one’s stay; No matter what
the?? trend is.</blockquote>
</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/172543813468527.png" class="lazy" alt="HTML 中的引用標籤" ></p>
<h3 id="HTML-中的引用標籤範例">HTML 中的引用標籤範例</h3>
<p>以下是範例：</p>
<h4 id="範例">範例#1</h4>
<p>讓我們來看一個例子來說明如何使用引用標籤。它還包括地址標籤、縮寫標籤和不同的引號標籤。 </p>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
box-sizing: border-box;
}
.qtag{
background-color: burlywood;
border-color: crimson;
border-style: dashed;
}
</style>
</head>
<body>
<div class="qtag">
<h2 style="color:brown;">Quotation Tags Example</h2>
<h4>Address tag</h4>
<address>
<blockquote>
<p> 176, Kauslya kunj <br>
Andaman Hill , Pangari Road <br>
Chandigad <br>
<b>Contact US</b><br>
Contact No: 9968795334 <br>
EmailD: [email?protected]<br>
</p>
</blockquote>
</address>
<h4>Abbreviation tag</h4>
<p>
<q>Being with <abbr title="Beautiful Automation Systems ">BEAUTOSYS </abbr> for marvelous growth into your business, Automation in technology and many more.......? ! Stay Connected </q>
</p>
<p>Be connected with us for Software services, Automation in new technologies, Embedded services, Responsive Websites and Mechanical services </p>
<h5>Stay Connected!</h5>
</div>
</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/172543813551144.png" class="lazy" alt="HTML 中的引用標籤" ></p>
<h4 id="範例">範例#2</h4>
<p>讓我們來看一個例子來說明如何使用引用標籤。它包括 bdo 標籤。 </p>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<body>
<h2>bdo tag in quotation</h2>
<p>dir value in the bdo tag defines the direction from which direction text is going to move and it will? generate output. <b>rtl </b>value defines text will moves from right to left direction where as <b>ltr</b></p>
<h4>bdo tag</h4>
<p>Tere is no success like failure. <br>
<bdo dir="rtl">Tere is no success like failure.</bdo> </p>
<p>I get knocked down. But I get up again. You’re never going to keep me down <br>
<q><bdo dir="ltr">I get knocked down. But I get up again. You’re never going to keep me down</bdo></q> </p>
<p>Don’t let what you cannot do interfere with what you can do.” <br>
<bdo dir="rtl">Don’t let what you cannot do interfere with what you can do.”</bdo></p>
<p>The secret of getting ahead is getting started
<q><bdo dir="ltr">The secret of getting ahead is getting started</bdo></q>
</p>
<p>Success iss the sum of small efforts , Repeated day_in and day_out.<br>
<bdo dir="rtl">Success iss the sum of small efforts , Repeated day_in and day_out.</bdo>
</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/172543814398487.png" class="lazy" alt="HTML 中的引用標籤" ></p>
<h4 id="範例">範例#3</h4>
<p>此範例顯示內(nèi)聯(lián)和區(qū)塊級文字的引用，如下所示：</p>
<p><strong>代碼：</strong></p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<body>
<p> Quotation? <b>q</b> tag </p>
<p><q> Success demands singleness of purpose.</q></p>
<p><q>Choosing a goal and sticking to it changes everything.</q></p>
<p><q> Choose a job you love, and you will never have to work a day in your life!.</q></p>
<p><q> The most important thing about motivation is goal setting .You should always have a goal</q></p> <br>
<p>Quotation <b>blockquote </b> tag for Block </p>
<h4>Big data is advance Telemedicine</h4>
<blockquote> <p>Big data is making impact in every field now a day. By using latest technology? in telemedicine field , one can get more information about their diseases ,so they can take more care using telemedicine. </p></blockquote>
</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/172543814721084.png" class="lazy" alt="HTML 中的引用標籤" ></p>
<h3 id="結論">結論</h3>
<p><q>和標籤在 HTML 中用作引用標籤。 <q>標籤用於內(nèi)聯(lián)文本，其中 <blockquote>用於區(qū)塊級文本元素。 <q>標籤支援稱為 cite 的屬性。 <q> tag 也支援 <address>、<abbr>、<bdo> 等標籤。等等</bdo></abbr>
</address></q></q>
</blockquote></q></q></p><p>以上是HTML 中的引用標籤的詳細內(nèi)容。更多資訊請關注PHP中文網(wǎng)其他相關文章！</p>
</div>
</div>
<div id="377j5v51b" class="wzconShengming_sp">
<div id="377j5v51b" class="bzsmdiv_sp">本網(wǎng)站聲明</div>
<div>本文內(nèi)容由網(wǎng)友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發(fā)現(xiàn)涉嫌抄襲或侵權的內(nèi)容，請聯(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://m.miracleart.cn/zh-tw/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://m.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://m.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>1 週前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/zh-tw/faq/1796821436.html" title="沙丘：覺醒 - 高級行星學家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺醒 - 高級行星學家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://m.miracleart.cn/zh-tw/faq/1796821278.html" title="約會一切：德克和哈珀關係指南" class="phpgenera_Details_mainR4_bottom_title">約會一切：德克和哈珀關係指南</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://m.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://m.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://m.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>免費脫衣圖片</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.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://m.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>人工智慧驅(qū)動的應用程序，用於創(chuàng)建逼真的裸體照片</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.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://m.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://m.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://m.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://m.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://m.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.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>熱門文章</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/zh-tw/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://m.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://m.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>1 週前</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.miracleart.cn/zh-tw/faq/1796821436.html" title="沙丘：覺醒 - 高級行星學家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺醒 - 高級行星學家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://m.miracleart.cn/zh-tw/faq/1796821278.html" title="約會一切：德克和哈珀關係指南" class="phpgenera_Details_mainR4_bottom_title">約會一切：德克和哈珀關係指南</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://m.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://m.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://m.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title">
<h3>記事本++7.3.1</h3>
</a>
<p>好用且免費的程式碼編輯器</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.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://m.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://m.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://m.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title">
<h3>禪工作室 13.0.1</h3>
</a>
<p>強大的PHP整合開發(fā)環(huán)境</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://m.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://m.miracleart.cn/zh-tw/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://m.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://m.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
<h3>SublimeText3 Mac版</h3>
</a>
<p>神級程式碼編輯軟體(SublimeText3)</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://m.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>熱門話題</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://m.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>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://m.miracleart.cn/zh-tw/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://m.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>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://m.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>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://m.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>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://m.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://m.miracleart.cn/zh-tw/faq/1796829177.html" title="構建網(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="構建網(wǎng)頁的HTML元素是什麼？" />
</a>
<a href="http://m.miracleart.cn/zh-tw/faq/1796829177.html" title="構建網(wǎng)頁的HTML元素是什麼？" class="phphistorical_Version2_mids_title">構建網(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)頁結構需核心HTML元素支撐，1.頁面整體結構由、、構成，其中為根元素，存放元信息，展示內(nèi)容；2.內(nèi)容組織依賴標題（-）、段落（）及區(qū)塊標籤（如、）以提升條理與SEO；3.導航通過與實現(xiàn)，常用組織鏈接並輔以aria-current屬性增強可訪問性；4.表單交互涉及、、與，確保用戶輸入與提交功能完整。正確使用這些元素能提升頁面清晰度、維護性及搜索引擎優(yōu)化。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/zh-tw/faq/1796829157.html" title="使用HTML5服務器序列事件處理重新連接和錯誤。" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175148089165625.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML5服務器序列事件處理重新連接和錯誤。" />
</a>
<a href="http://m.miracleart.cn/zh-tw/faq/1796829157.html" title="使用HTML5服務器序列事件處理重新連接和錯誤。" class="phphistorical_Version2_mids_title">使用HTML5服務器序列事件處理重新連接和錯誤。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:28 AM</span>
<p class="Articlelist_txts_p">使用HTML5SSE時，處理重連和錯誤的方法包括：1.了解默認重連機制，EventSource默認在連接中斷後3秒重試，可通過retry字段自定義間隔；2.監(jiān)聽error事件以應對連接失敗或解析錯誤，區(qū)分錯誤類型並執(zhí)行相應邏輯，如網(wǎng)絡問題依賴自動重連、服務器錯誤手動延遲重連、認證失效刷新token；3.主動控制重連邏輯，如手動關閉並重建連接、設置最大重試次數(shù)、結合navigator.onLine判斷網(wǎng)絡狀態(tài)以優(yōu)化重試策略。這些措施可提升應用穩(wěn)定性與用戶體驗。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/zh-tw/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://m.miracleart.cn/zh-tw/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標準解析頁面的聲明，現(xiàn)代網(wǎng)頁只需在HTML文件最開頭寫。其作用是確保瀏覽器以標準模式而非怪異模式渲染頁面，且必須位於第一行，前面不能有空格或註釋；正確寫法僅有一種，不推薦使用舊版本或其他變體；其他如charset、viewport等應放在部分。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/zh-tw/faq/1796829167.html" title="使用HTML屬性實現(xià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屬性實現(xiàn)客戶端表單驗證。" />
</a>
<a href="http://m.miracleart.cn/zh-tw/faq/1796829167.html" title="使用HTML屬性實現(xiàn)客戶端表單驗證。" class="phphistorical_Version2_mids_title">使用HTML屬性實現(xià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://m.miracleart.cn/zh-tw/faq/1796828942.html" title="用HTML5語義標記和微數(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語義標記和微數(shù)據(jù)改善SEO。" />
</a>
<a href="http://m.miracleart.cn/zh-tw/faq/1796828942.html" title="用HTML5語義標記和微數(shù)據(jù)改善SEO。" class="phphistorical_Version2_mids_title">用HTML5語義標記和微數(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語義標籤和Microdata可提升SEO，因為它幫助搜索引擎更好理解頁面結構與內(nèi)容含義。 1.使用HTML5語義標籤如、、、、和來明確頁面區(qū)塊功能，有助於搜索引擎建立更準確的頁面模型；2.添加Microdata結構化數(shù)據(jù)標註具體內(nèi)容，例如文章作者、發(fā)布日期、商品價格等，使搜索引擎能識別信息類型並用於富媒體摘要展示；3.注意正確使用標籤避免混淆、避免重複標記、測試結構化數(shù)據(jù)有效性、定期更新以適應schema.org的變化，並結合其他SEO手段長期優(yōu)化。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用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/175157020270129.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用HTML將選項分組？" />
</a>
<a href="http://m.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用HTML將選項分組？" class="phphistorical_Version2_mids_title">如何使用HTML將選項分組？</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 04, 2025 am 03:16 AM</span>
<p class="Articlelist_txts_p">在HTML中使用標籤可以對下拉菜單中的選項進行分組。具體方法是用包裹一組元素，並通過label屬性定義組名，如：1.包含蘋果、香蕉、橙子等選項；2.包含胡蘿蔔、西蘭花等選項；3.每個為一個獨立分組，組內(nèi)選項自動縮進。注意事項包括：①不支持嵌套；②可通過disabled屬性禁用整個組；③樣式受限需結合CSS或第三方庫美化；可使用Select2等插件增強功能。</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實現(xià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按鈕元素實現(xiàn)可點擊按鈕" />
</a>
<a href="http://m.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實現(xiàn)可點擊按鈕" class="phphistorical_Version2_mids_title">使用HTML按鈕元素實現(xiàn)可點擊按鈕</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 07, 2025 am 02:31 AM</span>
<p class="Articlelist_txts_p">要使用HTML的button元素實現(xiàn)可點擊按鈕，首先需掌握其基本用法與常見註意事項。 1.使用標籤創(chuàng)建按鈕，並通過type屬性定義行為（如button、submit、reset），默認為submit；2.通過JavaScript添加交互功能，可內(nèi)聯(lián)寫法或通過ID綁定事件監(jiān)聽器以提升維護性；3.利用CSS自定義樣式，包括背景色、邊框、圓角及hover/active狀態(tài)效果，增強用戶體驗；4.注意常見問題：確保未啟用disabled屬性、正確綁定JS事件、避免佈局遮擋，並藉助開發(fā)者工具排查異常。掌握這</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://m.miracleart.cn/zh-tw/faq/1796835653.html" title="將CSS和JavaScript與HTML5結構有效整合。" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175226046128038.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="將CSS和JavaScript與HTML5結構有效整合。" />
</a>
<a href="http://m.miracleart.cn/zh-tw/faq/1796835653.html" title="將CSS和JavaScript與HTML5結構有效整合。" class="phphistorical_Version2_mids_title">將CSS和JavaScript與HTML5結構有效整合。</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 12, 2025 am 03:01 AM</span>
<p class="Articlelist_txts_p">HTML5、CSS和JavaScript應通過語義化標籤、合理加載順序與解耦設計高效結合。 1.使用HTML5語義化標籤如、提升結構清晰度與可維護性，利於SEO和無障礙訪問；2.CSS應置於中，使用外部文件並按模塊拆分，避免內(nèi)聯(lián)樣式與延遲加載問題；3.JavaScript推薦放在前引入，使用defer或async異步加載以避免阻塞渲染；4.減少三者間強依賴，通過data-*屬性驅(qū)動行為、類名控制狀態(tài)，統(tǒng)一命名規(guī)範提升協(xié)作效率。這些方法能有效優(yōu)化頁面性能與團隊協(xié)作。</p>
</div>
</div>
<a href="http://m.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培訓，幫助PHP學習者快速成長！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://m.miracleart.cn/zh-tw/about/us.html">關於我們</a>
<a href="http://m.miracleart.cn/zh-tw/about/disclaimer.html">免責聲明</a>
<a href="http://m.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://m.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="9kmqt" class="pl_css_ganrao" style="display: none;"><noframes id="9kmqt"><i id="9kmqt"><input id="9kmqt"><cite id="9kmqt"></cite></input></i></noframes><code id="9kmqt"></code><sub id="9kmqt"></sub><ins id="9kmqt"><optgroup id="9kmqt"><ruby id="9kmqt"></ruby></optgroup></ins><input id="9kmqt"><tr id="9kmqt"></tr></input><li id="9kmqt"></li><dfn id="9kmqt"></dfn><center id="9kmqt"><meter id="9kmqt"><strong id="9kmqt"></strong></meter></center><tr id="9kmqt"></tr><center id="9kmqt"><optgroup id="9kmqt"><fieldset id="9kmqt"></fieldset></optgroup></center><option id="9kmqt"></option><center id="9kmqt"><mark id="9kmqt"></mark></center><nav id="9kmqt"></nav><acronym id="9kmqt"><del id="9kmqt"><ul id="9kmqt"><listing id="9kmqt"></listing></ul></del></acronym><cite id="9kmqt"><style id="9kmqt"></style></cite><tr id="9kmqt"><div id="9kmqt"><button id="9kmqt"></button></div></tr><ruby id="9kmqt"><nobr id="9kmqt"><s id="9kmqt"></s></nobr></ruby><noframes id="9kmqt"></noframes><i id="9kmqt"></i><thead id="9kmqt"><meter id="9kmqt"><pre id="9kmqt"></pre></meter></thead><sup id="9kmqt"></sup><em id="9kmqt"></em><object id="9kmqt"></object><track id="9kmqt"><s id="9kmqt"></s></track><pre id="9kmqt"><tfoot id="9kmqt"><tbody id="9kmqt"><small id="9kmqt"></small></tbody></tfoot></pre><b id="9kmqt"><abbr id="9kmqt"><bdo id="9kmqt"><dd id="9kmqt"></dd></bdo></abbr></b><del id="9kmqt"><li id="9kmqt"><u id="9kmqt"><strong id="9kmqt"></strong></u></li></del><var id="9kmqt"></var><form id="9kmqt"><dfn id="9kmqt"><u id="9kmqt"><option id="9kmqt"></option></u></dfn></form><dfn id="9kmqt"><label id="9kmqt"><style id="9kmqt"><thead id="9kmqt"></thead></style></label></dfn><th id="9kmqt"></th><button id="9kmqt"><table id="9kmqt"><track id="9kmqt"></track></table></button><kbd id="9kmqt"></kbd><sub id="9kmqt"><tr id="9kmqt"></tr></sub><dl id="9kmqt"><pre id="9kmqt"><dfn id="9kmqt"><pre id="9kmqt"></pre></dfn></pre></dl><form id="9kmqt"><dfn id="9kmqt"><u id="9kmqt"><tbody id="9kmqt"></tbody></u></dfn></form><video id="9kmqt"><dfn id="9kmqt"><var id="9kmqt"></var></dfn></video><dl id="9kmqt"></dl><input id="9kmqt"></input><menuitem id="9kmqt"></menuitem><menu id="9kmqt"></menu><nav id="9kmqt"><thead id="9kmqt"></thead></nav><span id="9kmqt"></span><td id="9kmqt"><samp id="9kmqt"><output id="9kmqt"></output></samp></td><source id="9kmqt"></source><video id="9kmqt"><dfn id="9kmqt"><var id="9kmqt"></var></dfn></video><dl id="9kmqt"></dl><tfoot id="9kmqt"></tfoot><sup id="9kmqt"></sup><pre id="9kmqt"><strike id="9kmqt"><b id="9kmqt"></b></strike></pre><em id="9kmqt"><nav id="9kmqt"><p id="9kmqt"></p></nav></em><sup id="9kmqt"></sup><div id="9kmqt"></div><nobr id="9kmqt"></nobr><rt id="9kmqt"></rt><sup id="9kmqt"><cite id="9kmqt"><form id="9kmqt"></form></cite></sup><em id="9kmqt"></em><rt id="9kmqt"></rt><u id="9kmqt"><form id="9kmqt"><i id="9kmqt"></i></form></u><rp id="9kmqt"></rp><optgroup id="9kmqt"></optgroup><track id="9kmqt"></track><dfn id="9kmqt"><u id="9kmqt"></u></dfn><acronym id="9kmqt"></acronym><video id="9kmqt"><dfn id="9kmqt"><s id="9kmqt"></s></dfn></video><optgroup id="9kmqt"></optgroup><big id="9kmqt"></big><noframes id="9kmqt"><abbr id="9kmqt"></abbr></noframes><listing id="9kmqt"><sup id="9kmqt"></sup></listing><acronym id="9kmqt"></acronym><rt id="9kmqt"><dd id="9kmqt"><menuitem id="9kmqt"></menuitem></dd></rt><table id="9kmqt"><p id="9kmqt"><s id="9kmqt"><progress id="9kmqt"></progress></s></p></table><small id="9kmqt"></small><div id="9kmqt"></div><output id="9kmqt"></output><acronym id="9kmqt"></acronym><optgroup id="9kmqt"></optgroup><rt id="9kmqt"><mark id="9kmqt"></mark></rt><th id="9kmqt"></th><noframes id="9kmqt"></noframes><tbody id="9kmqt"></tbody><meter id="9kmqt"></meter><button id="9kmqt"></button><strike id="9kmqt"><progress id="9kmqt"></progress></strike><option id="9kmqt"></option><nav id="9kmqt"></nav><menuitem id="9kmqt"><rp id="9kmqt"><legend id="9kmqt"></legend></rp></menuitem><rp id="9kmqt"><nav id="9kmqt"></nav></rp><s id="9kmqt"><progress id="9kmqt"><output id="9kmqt"><ruby id="9kmqt"></ruby></output></progress></s><source id="9kmqt"></source><noframes id="9kmqt"></noframes><span id="9kmqt"><del id="9kmqt"></del></span><sub id="9kmqt"></sub><output id="9kmqt"></output><div id="9kmqt"><acronym id="9kmqt"></acronym></div><progress id="9kmqt"><button id="9kmqt"><option id="9kmqt"><i id="9kmqt"></i></option></button></progress><form id="9kmqt"></form><sup id="9kmqt"></sup><dfn id="9kmqt"><pre id="9kmqt"><dfn id="9kmqt"></dfn></pre></dfn></div>
</html>
Text <\/abbr><\/pre>\n代碼：<\/strong><\/p>\n
\n\n\nabbr element <\/title>\n<\/head>\n<body> <h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n<p>Welcome to <abbr title=\"Beautiful\nAutomation System\">Beautosys<\/abbr><\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543812857079.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例 #3 – <bdo>標籤<\/bdo>\n<\/h4>\n<p>引號標籤中的這個標籤用來定義雙向覆蓋。它會改變 HTML 元素中的實際文字方向。 <\/p>\n<p><strong>文法：<\/strong><\/p>\n<pre><bdo dir=”value”> text <\/bdo><\/pre>\n<p>這裡的dir值可以是ltr表示從左到右方向或rtl表示從右到左方向。 <\/p>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<body>\n<p> Uday wire Industries <\/p>\n<p><bdo dir=”ltr” >Uday wire Industries <\/bdo><\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543813013598.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例 #4 – <q>標籤<\/q>\n<\/h4>\n<p>這用於顯示內(nèi)嵌文字引用。 <\/p>\n\n\n<p><strong>文法：<\/strong><\/p>\n<pre><q> text <\/q><\/pre>\n<p><b>代碼：<\/b><\/p>\n<pre><!DOCTYPE html>\n<html>\n<body>\n<q>Sisters are the choc chips in the era of biscuits <\/q>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543813161538.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例 #5 – <blockquote>;標籤<\/blockquote>\n<\/h4>\n<p>這用來表示網(wǎng)路文件中的區(qū)塊級引用<strong>。 <\/strong><\/p>\n<p><strong>文法：<\/strong><\/p>\n<pre><blockquote> contents <\/blockquote><\/pre>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<head>\n<title> Quotation tag in HTML <\/title>\n<\/head>\n<body>\n<p> Uday wire Industries <\/p>\n<p><blockquote> In the era of making new friends and showing\noff , I just wish one thing, that my old one’s stay; No matter what\nthe?? trend is.<\/blockquote>\n<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543813468527.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h3>HTML 中的引用標籤範例<\/h3>\n<p>以下是範例：<\/p>\n<h4>範例#1<\/h4>\n<p>讓我們來看一個例子來說明如何使用引用標籤。它還包括地址標籤、縮寫標籤和不同的引號標籤。 <\/p>\n<p><strong>代碼：<\/strong><\/p>\n\n\n<pre><!DOCTYPE html>\n<html>\n<head>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n* {\nbox-sizing: border-box;\n}\n.qtag{\nbackground-color: burlywood;\nborder-color: crimson;\nborder-style: dashed;\n}\n<\/style>\n<\/head>\n<body>\n<div id="377j5v51b" class=\"qtag\">\n<h2 style=\"color:brown;\">Quotation Tags Example<\/h2>\n<h4>Address tag<\/h4>\n<address>\n<blockquote>\n<p> 176, Kauslya kunj <br>\nAndaman Hill , Pangari Road <br>\nChandigad <br>\n<b>Contact US<\/b><br>\nContact No: 9968795334 <br>\nEmailD: [email?protected]<br>\n<\/p>\n<\/blockquote>\n<\/address>\n<h4>Abbreviation tag<\/h4>\n<p>\n<q>Being with <abbr title=\"Beautiful Automation Systems \">BEAUTOSYS <\/abbr> for marvelous growth into your business, Automation in technology and many more.......? ! Stay Connected <\/q>\n<\/p>\n<p>Be connected with us for Software services, Automation in new technologies, Embedded services, Responsive Websites and Mechanical services <\/p>\n<h5>Stay Connected!<\/h5>\n<\/div>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543813551144.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例#2<\/h4>\n<p>讓我們來看一個例子來說明如何使用引用標籤。它包括 bdo 標籤。 <\/p>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<body>\n<h2>bdo tag in quotation<\/h2>\n<p>dir value in the bdo tag defines the direction from which direction text is going to move and it will? generate output. <b>rtl <\/b>value defines text will moves from right to left direction where as <b>ltr<\/b><\/p>\n<h4>bdo tag<\/h4>\n<p>Tere is no success like failure. <br>\n<bdo dir=\"rtl\">Tere is no success like failure.<\/bdo> <\/p>\n<p>I get knocked down. But I get up again. You’re never going to keep me down <br>\n<q><bdo dir=\"ltr\">I get knocked down. But I get up again. You’re never going to keep me down<\/bdo><\/q> <\/p>\n<p>Don’t let what you cannot do interfere with what you can do.” <br>\n<bdo dir=\"rtl\">Don’t let what you cannot do interfere with what you can do.”<\/bdo><\/p>\n<p>The secret of getting ahead is getting started\n<q><bdo dir=\"ltr\">The secret of getting ahead is getting started<\/bdo><\/q>\n<\/p>\n<p>Success iss the sum of small efforts , Repeated day_in and day_out.<br>\n<bdo dir=\"rtl\">Success iss the sum of small efforts , Repeated day_in and day_out.<\/bdo>\n<\/p>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543814398487.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h4>範例#3<\/h4>\n<p>此範例顯示內(nèi)聯(lián)和區(qū)塊級文字的引用，如下所示：<\/p>\n<p><strong>代碼：<\/strong><\/p>\n<pre><!DOCTYPE html>\n<html>\n<body>\n<p> Quotation? <b>q<\/b> tag <\/p>\n<p><q> Success demands singleness of purpose.<\/q><\/p>\n<p><q>Choosing a goal and sticking to it changes everything.<\/q><\/p>\n<p><q> Choose a job you love, and you will never have to work a day in your life!.<\/q><\/p>\n<p><q> The most important thing about motivation is goal setting .You should always have a goal<\/q><\/p> <br>\n<p>Quotation <b>blockquote <\/b> tag for Block <\/p>\n<h4>Big data is advance Telemedicine<\/h4>\n<blockquote> <p>Big data is making impact in every field now a day. By using latest technology? in telemedicine field , one can get more information about their diseases ,so they can take more care using telemedicine. <\/p><\/blockquote>\n<\/body>\n<\/html><\/pre>\n<p><strong>輸出：<\/strong><\/p>\n<p><img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/172543814721084.png\" alt=\"HTML 中的引用標籤\" ><\/p>\n<h3>結論<\/h3>\n<p><q>和標籤在 HTML 中用作引用標籤。 <q>標籤用於內(nèi)聯(lián)文本，其中 <blockquote>用於區(qū)塊級文本元素。 <q>標籤支援稱為 cite 的屬性。 <q> tag 也支援 <address>、<abbr>、<bdo> 等標籤。等等<\/bdo><\/abbr>\n<\/address><\/q><\/q>\n<\/blockquote><\/q><\/q><\/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://m.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://m.miracleart.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a> <a href="http://m.miracleart.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a> <a href="http://m.miracleart.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="學習" class="head_nava head_nava-template1_1">學習</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a> <a href="http://m.miracleart.cn/zh-tw/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://m.miracleart.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a> <a href="http://m.miracleart.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a> <a href="http://m.miracleart.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫" class="languagechoosea">PHP 函式庫</a> <a href="http://m.miracleart.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a> <a href="http://m.miracleart.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a> <a href="http://m.miracleart.cn/zh-tw/toolset/extension-plug-ins" title="擴充插件" class="languagechoosea on">擴充插件</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://m.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://m.miracleart.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a> <a href="http://m.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="簡體中文" class="languagechoosea">簡體中文</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="日本語" 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è)懸浮，文章定位標題1 id="Article_Details_main1L2s_1"--> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#HTML-中引用標籤的元素" title="HTML 中引用標籤的元素" >HTML 中引用標籤的元素</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="#HTML-中的引用標籤範例" title="HTML 中的引用標籤範例" >HTML 中的引用標籤範例</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#範例" title="範例#3" >範例#3</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#結論" title="結論" >結論</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://m.miracleart.cn/zh-tw/" title="首頁" class="phpgenera_Details_mainL1a">首頁</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL1a">web前端</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/zh-tw/div-tutorial.html" class="phpgenera_Details_mainL1a">html教學</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://m.miracleart.cn/zh-tw/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://m.miracleart.cn/zh-tw/member/465014.html" class="author_name">王林</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">Sep 04, 2024 pm 04:22 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>HTML 中的引用標籤用於使用 <q> 顯示簡短的引用。標籤。它包含在 <q> 和 <q> 之間。 …… </q>。它有助於表明所包含的文本位於內(nèi)聯(lián)引用中。對於簡短的引用，我們將使用 <q>... </q>標籤，而對於長引用，我們將使用名為 <blockquote> 的 HTML 標籤。 .... </blockquote>。此標籤專門用於指示網(wǎng)頁瀏覽器上與普通文字不同的文字。 <blockquote>標籤在 HTML 中用於表示網(wǎng)頁文件中的區(qū)塊級引用。這些標籤對於樣式設計最有用，因為它們將網(wǎng)頁的流程分配到不同的部分。 </blockquote></q></q></p> <p><strong>文法：</strong></p> <pre class="brush:php;toolbar:false"><q> Some text </q></pre> <p>此標籤用於在 HTML 文件中顯示內(nèi)嵌引用。 </p> <pre class="brush:php;toolbar:false"><blockquote> Some text </blockquote></pre> <p>該標籤用於顯示區(qū)塊級引用。它有助於更改文字的位置並使其與其他元素不同。該標籤使用名為 cite 的屬性，該屬性有助於定義引文的實際來源。 </p> <h3 id="HTML-中引用標籤的元素">HTML 中引用標籤的元素</h3> <p>以下是我們將在引號標籤中使用的最有用的元素：</p> <h4 id="範例-標籤">範例 #1 –?;標籤</h4> <p>此標籤用於在 HTML 文件上顯示地址，將文字放入地址標籤中，如下所示：</p> <p><strong>文法：</strong></p> <pre class="brush:php;toolbar:false"><address>? some text </address></pre> <p><strong>代碼：</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <title>abbr element </title> </head> <body> <address>156, devanagri, <br> Near shanoormiya darga, <br> Aurangabad </address> </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/172543812774592.png" class="lazy" alt="HTML 中的引用標籤" ></p> <h4>範例 #2 –?<abbr>標籤</abbr> </h4> <p>可以使用此元素定義文字的縮寫。每當使用者將滑鼠懸停在該標籤上時，它就會顯示文字的縮寫。 </p> <p><strong>文法：</strong></p> <pre class="brush:php;toolbar:false"><abbr> Text </abbr></pre> <p><strong>代碼：</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <title>abbr element </title> </head> <body> <p>Welcome to <abbr title="Beautiful Automation System">Beautosys</abbr></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/172543812857079.png" class="lazy" alt="HTML 中的引用標籤" ></p> <h4>範例 #3 – <bdo>標籤</bdo> </h4> <p>引號標籤中的這個標籤用來定義雙向覆蓋。它會改變 HTML 元素中的實際文字方向。 </p> <p><strong>文法：</strong></p> <pre class="brush:php;toolbar:false"><bdo dir=”value”> text </bdo></pre> <p>這裡的dir值可以是ltr表示從左到右方向或rtl表示從右到左方向。 </p> <p><strong>代碼：</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <body> <p> Uday wire Industries </p> <p><bdo dir=”ltr” >Uday wire Industries </bdo></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/172543813013598.png" class="lazy" alt="HTML 中的引用標籤" ></p> <h4>範例 #4 – <q>標籤</q> </h4> <p>這用於顯示內(nèi)嵌文字引用。 </p> <p><strong>文法：</strong></p> <pre class="brush:php;toolbar:false"><q> text </q></pre> <p><b>代碼：</b></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <body> <q>Sisters are the choc chips in the era of biscuits </q> </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/172543813161538.png" class="lazy" alt="HTML 中的引用標籤" ></p> <h4>範例 #5 – <blockquote>;標籤</blockquote> </h4> <p>這用來表示網(wǎng)路文件中的區(qū)塊級引用<strong>。 </strong></p> <p><strong>文法：</strong></p> <pre class="brush:php;toolbar:false"><blockquote> contents </blockquote></pre> <p><strong>代碼：</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <title> Quotation tag in HTML </title> </head> <body> <p> Uday wire Industries </p> <p><blockquote> In the era of making new friends and showing off , I just wish one thing, that my old one’s stay; No matter what the?? trend is.</blockquote> </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/172543813468527.png" class="lazy" alt="HTML 中的引用標籤" ></p> <h3 id="HTML-中的引用標籤範例">HTML 中的引用標籤範例</h3> <p>以下是範例：</p> <h4 id="範例">範例#1</h4> <p>讓我們來看一個例子來說明如何使用引用標籤。它還包括地址標籤、縮寫標籤和不同的引號標籤。 </p> <p><strong>代碼：</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { box-sizing: border-box; } .qtag{ background-color: burlywood; border-color: crimson; border-style: dashed; } </style> </head> <body> <div class="qtag"> <h2 style="color:brown;">Quotation Tags Example</h2> <h4>Address tag</h4> <address> <blockquote> <p> 176, Kauslya kunj <br> Andaman Hill , Pangari Road <br> Chandigad <br> <b>Contact US</b><br> Contact No: 9968795334 <br> EmailD: [email?protected]<br> </p> </blockquote> </address> <h4>Abbreviation tag</h4> <p> <q>Being with <abbr title="Beautiful Automation Systems ">BEAUTOSYS </abbr> for marvelous growth into your business, Automation in technology and many more.......? ! Stay Connected </q> </p> <p>Be connected with us for Software services, Automation in new technologies, Embedded services, Responsive Websites and Mechanical services </p> <h5>Stay Connected!</h5> </div> </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/172543813551144.png" class="lazy" alt="HTML 中的引用標籤" ></p> <h4 id="範例">範例#2</h4> <p>讓我們來看一個例子來說明如何使用引用標籤。它包括 bdo 標籤。 </p> <p><strong>代碼：</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <body> <h2>bdo tag in quotation</h2> <p>dir value in the bdo tag defines the direction from which direction text is going to move and it will? generate output. <b>rtl </b>value defines text will moves from right to left direction where as <b>ltr</b></p> <h4>bdo tag</h4> <p>Tere is no success like failure. <br> <bdo dir="rtl">Tere is no success like failure.</bdo> </p> <p>I get knocked down. But I get up again. You’re never going to keep me down <br> <q><bdo dir="ltr">I get knocked down. But I get up again. You’re never going to keep me down</bdo></q> </p> <p>Don’t let what you cannot do interfere with what you can do.” <br> <bdo dir="rtl">Don’t let what you cannot do interfere with what you can do.”</bdo></p> <p>The secret of getting ahead is getting started <q><bdo dir="ltr">The secret of getting ahead is getting started</bdo></q> </p> <p>Success iss the sum of small efforts , Repeated day_in and day_out.<br> <bdo dir="rtl">Success iss the sum of small efforts , Repeated day_in and day_out.</bdo> </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/172543814398487.png" class="lazy" alt="HTML 中的引用標籤" ></p> <h4 id="範例">範例#3</h4> <p>此範例顯示內(nèi)聯(lián)和區(qū)塊級文字的引用，如下所示：</p> <p><strong>代碼：</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <body> <p> Quotation? <b>q</b> tag </p> <p><q> Success demands singleness of purpose.</q></p> <p><q>Choosing a goal and sticking to it changes everything.</q></p> <p><q> Choose a job you love, and you will never have to work a day in your life!.</q></p> <p><q> The most important thing about motivation is goal setting .You should always have a goal</q></p> <br> <p>Quotation <b>blockquote </b> tag for Block </p> <h4>Big data is advance Telemedicine</h4> <blockquote> <p>Big data is making impact in every field now a day. By using latest technology? in telemedicine field , one can get more information about their diseases ,so they can take more care using telemedicine. </p></blockquote> </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/172543814721084.png" class="lazy" alt="HTML 中的引用標籤" ></p> <h3 id="結論">結論</h3> <p><q>和標籤在 HTML 中用作引用標籤。 <q>標籤用於內(nèi)聯(lián)文本，其中 <blockquote>用於區(qū)塊級文本元素。 <q>標籤支援稱為 cite 的屬性。 <q> tag 也支援 <address>、<abbr>、<bdo> 等標籤。等等</bdo></abbr> </address></q></q> </blockquote></q></q></p><p>以上是HTML 中的引用標籤的詳細內(nèi)容。更多資訊請關注PHP中文網(wǎng)其他相關文章！</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">本網(wǎng)站聲明</div> <div>本文內(nèi)容由網(wǎng)友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發(fā)現(xiàn)涉嫌抄襲或侵權的內(nèi)容，請聯(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://m.miracleart.cn/zh-tw/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://m.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://m.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>1 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh-tw/faq/1796821436.html" title="沙丘：覺醒 - 高級行星學家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺醒 - 高級行星學家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://m.miracleart.cn/zh-tw/faq/1796821278.html" title="約會一切：德克和哈珀關係指南" class="phpgenera_Details_mainR4_bottom_title">約會一切：德克和哈珀關係指南</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://m.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://m.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://m.miracleart.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>免費脫衣圖片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.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://m.miracleart.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智慧驅(qū)動的應用程序，用於創(chuàng)建逼真的裸體照片</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.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://m.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://m.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://m.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://m.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://m.miracleart.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.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>熱門文章</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh-tw/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://m.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://m.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>1 週前</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/zh-tw/faq/1796821436.html" title="沙丘：覺醒 - 高級行星學家Quest演練" class="phpgenera_Details_mainR4_bottom_title">沙丘：覺醒 - 高級行星學家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://m.miracleart.cn/zh-tw/faq/1796821278.html" title="約會一切：德克和哈珀關係指南" class="phpgenera_Details_mainR4_bottom_title">約會一切：德克和哈珀關係指南</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://m.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://m.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://m.miracleart.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title"> <h3>記事本++7.3.1</h3> </a> <p>好用且免費的程式碼編輯器</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.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://m.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://m.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://m.miracleart.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>強大的PHP整合開發(fā)環(huán)境</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.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://m.miracleart.cn/zh-tw/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://m.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://m.miracleart.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神級程式碼編輯軟體(SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.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>熱門話題</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.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>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://m.miracleart.cn/zh-tw/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://m.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>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://m.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>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://m.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>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://m.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://m.miracleart.cn/zh-tw/faq/1796829177.html" title="構建網(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="構建網(wǎng)頁的HTML元素是什麼？" /> </a> <a href="http://m.miracleart.cn/zh-tw/faq/1796829177.html" title="構建網(wǎng)頁的HTML元素是什麼？" class="phphistorical_Version2_mids_title">構建網(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)頁結構需核心HTML元素支撐，1.頁面整體結構由、、構成，其中為根元素，存放元信息，展示內(nèi)容；2.內(nèi)容組織依賴標題（-）、段落（）及區(qū)塊標籤（如、）以提升條理與SEO；3.導航通過與實現(xiàn)，常用組織鏈接並輔以aria-current屬性增強可訪問性；4.表單交互涉及、、與，確保用戶輸入與提交功能完整。正確使用這些元素能提升頁面清晰度、維護性及搜索引擎優(yōu)化。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh-tw/faq/1796829157.html" title="使用HTML5服務器序列事件處理重新連接和錯誤。" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175148089165625.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用HTML5服務器序列事件處理重新連接和錯誤。" /> </a> <a href="http://m.miracleart.cn/zh-tw/faq/1796829157.html" title="使用HTML5服務器序列事件處理重新連接和錯誤。" class="phphistorical_Version2_mids_title">使用HTML5服務器序列事件處理重新連接和錯誤。</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:28 AM</span> <p class="Articlelist_txts_p">使用HTML5SSE時，處理重連和錯誤的方法包括：1.了解默認重連機制，EventSource默認在連接中斷後3秒重試，可通過retry字段自定義間隔；2.監(jiān)聽error事件以應對連接失敗或解析錯誤，區(qū)分錯誤類型並執(zhí)行相應邏輯，如網(wǎng)絡問題依賴自動重連、服務器錯誤手動延遲重連、認證失效刷新token；3.主動控制重連邏輯，如手動關閉並重建連接、設置最大重試次數(shù)、結合navigator.onLine判斷網(wǎng)絡狀態(tài)以優(yōu)化重試策略。這些措施可提升應用穩(wěn)定性與用戶體驗。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh-tw/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://m.miracleart.cn/zh-tw/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標準解析頁面的聲明，現(xiàn)代網(wǎng)頁只需在HTML文件最開頭寫。其作用是確保瀏覽器以標準模式而非怪異模式渲染頁面，且必須位於第一行，前面不能有空格或註釋；正確寫法僅有一種，不推薦使用舊版本或其他變體；其他如charset、viewport等應放在部分。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh-tw/faq/1796829167.html" title="使用HTML屬性實現(xià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屬性實現(xiàn)客戶端表單驗證。" /> </a> <a href="http://m.miracleart.cn/zh-tw/faq/1796829167.html" title="使用HTML屬性實現(xiàn)客戶端表單驗證。" class="phphistorical_Version2_mids_title">使用HTML屬性實現(xià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://m.miracleart.cn/zh-tw/faq/1796828942.html" title="用HTML5語義標記和微數(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語義標記和微數(shù)據(jù)改善SEO。" /> </a> <a href="http://m.miracleart.cn/zh-tw/faq/1796828942.html" title="用HTML5語義標記和微數(shù)據(jù)改善SEO。" class="phphistorical_Version2_mids_title">用HTML5語義標記和微數(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語義標籤和Microdata可提升SEO，因為它幫助搜索引擎更好理解頁面結構與內(nèi)容含義。 1.使用HTML5語義標籤如、、、、和來明確頁面區(qū)塊功能，有助於搜索引擎建立更準確的頁面模型；2.添加Microdata結構化數(shù)據(jù)標註具體內(nèi)容，例如文章作者、發(fā)布日期、商品價格等，使搜索引擎能識別信息類型並用於富媒體摘要展示；3.注意正確使用標籤避免混淆、避免重複標記、測試結構化數(shù)據(jù)有效性、定期更新以適應schema.org的變化，並結合其他SEO手段長期優(yōu)化。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用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/175157020270129.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用HTML將選項分組？" /> </a> <a href="http://m.miracleart.cn/zh-tw/faq/1796829956.html" title="如何使用HTML將選項分組？" class="phphistorical_Version2_mids_title">如何使用HTML將選項分組？</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 04, 2025 am 03:16 AM</span> <p class="Articlelist_txts_p">在HTML中使用標籤可以對下拉菜單中的選項進行分組。具體方法是用包裹一組元素，並通過label屬性定義組名，如：1.包含蘋果、香蕉、橙子等選項；2.包含胡蘿蔔、西蘭花等選項；3.每個為一個獨立分組，組內(nèi)選項自動縮進。注意事項包括：①不支持嵌套；②可通過disabled屬性禁用整個組；③樣式受限需結合CSS或第三方庫美化；可使用Select2等插件增強功能。</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實現(xià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按鈕元素實現(xiàn)可點擊按鈕" /> </a> <a href="http://m.miracleart.cn/zh-tw/faq/1796831880.html" title="使用HTML按鈕元素實現(xiàn)可點擊按鈕" class="phphistorical_Version2_mids_title">使用HTML按鈕元素實現(xiàn)可點擊按鈕</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 07, 2025 am 02:31 AM</span> <p class="Articlelist_txts_p">要使用HTML的button元素實現(xiàn)可點擊按鈕，首先需掌握其基本用法與常見註意事項。 1.使用標籤創(chuàng)建按鈕，並通過type屬性定義行為（如button、submit、reset），默認為submit；2.通過JavaScript添加交互功能，可內(nèi)聯(lián)寫法或通過ID綁定事件監(jiān)聽器以提升維護性；3.利用CSS自定義樣式，包括背景色、邊框、圓角及hover/active狀態(tài)效果，增強用戶體驗；4.注意常見問題：確保未啟用disabled屬性、正確綁定JS事件、避免佈局遮擋，並藉助開發(fā)者工具排查異常。掌握這</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/zh-tw/faq/1796835653.html" title="將CSS和JavaScript與HTML5結構有效整合。" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175226046128038.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="將CSS和JavaScript與HTML5結構有效整合。" /> </a> <a href="http://m.miracleart.cn/zh-tw/faq/1796835653.html" title="將CSS和JavaScript與HTML5結構有效整合。" class="phphistorical_Version2_mids_title">將CSS和JavaScript與HTML5結構有效整合。</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 12, 2025 am 03:01 AM</span> <p class="Articlelist_txts_p">HTML5、CSS和JavaScript應通過語義化標籤、合理加載順序與解耦設計高效結合。 1.使用HTML5語義化標籤如、提升結構清晰度與可維護性，利於SEO和無障礙訪問；2.CSS應置於中，使用外部文件並按模塊拆分，避免內(nèi)聯(lián)樣式與延遲加載問題；3.JavaScript推薦放在前引入，使用defer或async異步加載以避免阻塞渲染；4.減少三者間強依賴，通過data-*屬性驅(qū)動行為、類名控制狀態(tài)，統(tǒng)一命名規(guī)範提升協(xié)作效率。這些方法能有效優(yōu)化頁面性能與團隊協(xié)作。</p> </div> </div> <a href="http://m.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培訓，幫助PHP學習者快速成長！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://m.miracleart.cn/zh-tw/about/us.html">關於我們</a> <a href="http://m.miracleart.cn/zh-tw/about/disclaimer.html">免責聲明</a> <a href="http://m.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://m.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="9kmqt" class="pl_css_ganrao" style="display: none;"><noframes id="9kmqt"><i id="9kmqt"><input id="9kmqt"><cite id="9kmqt"></cite></input></i></noframes><code id="9kmqt"></code><sub id="9kmqt"></sub><ins id="9kmqt"><optgroup id="9kmqt"><ruby id="9kmqt"></ruby></optgroup></ins><input id="9kmqt"><tr id="9kmqt"></tr></input><li id="9kmqt"></li><dfn id="9kmqt"></dfn><center id="9kmqt"><meter id="9kmqt"><strong id="9kmqt"></strong></meter></center><tr id="9kmqt"></tr><center id="9kmqt"><optgroup id="9kmqt"><fieldset id="9kmqt"></fieldset></optgroup></center><option id="9kmqt"></option><center id="9kmqt"><mark id="9kmqt"></mark></center><nav id="9kmqt"></nav><acronym id="9kmqt"><del id="9kmqt"><ul id="9kmqt"><listing id="9kmqt"></listing></ul></del></acronym><cite id="9kmqt"><style id="9kmqt"></style></cite><tr id="9kmqt"><div id="9kmqt"><button id="9kmqt"></button></div></tr><ruby id="9kmqt"><nobr id="9kmqt"><s id="9kmqt"></s></nobr></ruby><noframes id="9kmqt"></noframes><i id="9kmqt"></i><thead id="9kmqt"><meter id="9kmqt"><pre id="9kmqt"></pre></meter></thead><sup id="9kmqt"></sup><em id="9kmqt"></em><object id="9kmqt"></object><track id="9kmqt"><s id="9kmqt"></s></track><pre id="9kmqt"><tfoot id="9kmqt"><tbody id="9kmqt"><small id="9kmqt"></small></tbody></tfoot></pre><b id="9kmqt"><abbr id="9kmqt"><bdo id="9kmqt"><dd id="9kmqt"></dd></bdo></abbr></b><del id="9kmqt"><li id="9kmqt"><u id="9kmqt"><strong id="9kmqt"></strong></u></li></del><var id="9kmqt"></var><form id="9kmqt"><dfn id="9kmqt"><u id="9kmqt"><option id="9kmqt"></option></u></dfn></form><dfn id="9kmqt"><label id="9kmqt"><style id="9kmqt"><thead id="9kmqt"></thead></style></label></dfn><th id="9kmqt"></th><button id="9kmqt"><table id="9kmqt"><track id="9kmqt"></track></table></button><kbd id="9kmqt"></kbd><sub id="9kmqt"><tr id="9kmqt"></tr></sub><dl id="9kmqt"><pre id="9kmqt"><dfn id="9kmqt"><pre id="9kmqt"></pre></dfn></pre></dl><form id="9kmqt"><dfn id="9kmqt"><u id="9kmqt"><tbody id="9kmqt"></tbody></u></dfn></form><video id="9kmqt"><dfn id="9kmqt"><var id="9kmqt"></var></dfn></video><dl id="9kmqt"></dl><input id="9kmqt"></input><menuitem id="9kmqt"></menuitem><menu id="9kmqt"></menu><nav id="9kmqt"><thead id="9kmqt"></thead></nav><span id="9kmqt"></span><td id="9kmqt"><samp id="9kmqt"><output id="9kmqt"></output></samp></td><source id="9kmqt"></source><video id="9kmqt"><dfn id="9kmqt"><var id="9kmqt"></var></dfn></video><dl id="9kmqt"></dl><tfoot id="9kmqt"></tfoot><sup id="9kmqt"></sup><pre id="9kmqt"><strike id="9kmqt"><b id="9kmqt"></b></strike></pre><em id="9kmqt"><nav id="9kmqt"><p id="9kmqt"></p></nav></em><sup id="9kmqt"></sup><div id="9kmqt"></div><nobr id="9kmqt"></nobr><rt id="9kmqt"></rt><sup id="9kmqt"><cite id="9kmqt"><form id="9kmqt"></form></cite></sup><em id="9kmqt"></em><rt id="9kmqt"></rt><u id="9kmqt"><form id="9kmqt"><i id="9kmqt"></i></form></u><rp id="9kmqt"></rp><optgroup id="9kmqt"></optgroup><track id="9kmqt"></track><dfn id="9kmqt"><u id="9kmqt"></u></dfn><acronym id="9kmqt"></acronym><video id="9kmqt"><dfn id="9kmqt"><s id="9kmqt"></s></dfn></video><optgroup id="9kmqt"></optgroup><big id="9kmqt"></big><noframes id="9kmqt"><abbr id="9kmqt"></abbr></noframes><listing id="9kmqt"><sup id="9kmqt"></sup></listing><acronym id="9kmqt"></acronym><rt id="9kmqt"><dd id="9kmqt"><menuitem id="9kmqt"></menuitem></dd></rt><table id="9kmqt"><p id="9kmqt"><s id="9kmqt"><progress id="9kmqt"></progress></s></p></table><small id="9kmqt"></small><div id="9kmqt"></div><output id="9kmqt"></output><acronym id="9kmqt"></acronym><optgroup id="9kmqt"></optgroup><rt id="9kmqt"><mark id="9kmqt"></mark></rt><th id="9kmqt"></th><noframes id="9kmqt"></noframes><tbody id="9kmqt"></tbody><meter id="9kmqt"></meter><button id="9kmqt"></button><strike id="9kmqt"><progress id="9kmqt"></progress></strike><option id="9kmqt"></option><nav id="9kmqt"></nav><menuitem id="9kmqt"><rp id="9kmqt"><legend id="9kmqt"></legend></rp></menuitem><rp id="9kmqt"><nav id="9kmqt"></nav></rp><s id="9kmqt"><progress id="9kmqt"><output id="9kmqt"><ruby id="9kmqt"></ruby></output></progress></s><source id="9kmqt"></source><noframes id="9kmqt"></noframes><span id="9kmqt"><del id="9kmqt"></del></span><sub id="9kmqt"></sub><output id="9kmqt"></output><div id="9kmqt"><acronym id="9kmqt"></acronym></div><progress id="9kmqt"><button id="9kmqt"><option id="9kmqt"><i id="9kmqt"></i></option></button></progress><form id="9kmqt"></form><sup id="9kmqt"></sup><dfn id="9kmqt"><pre id="9kmqt"><dfn id="9kmqt"></dfn></pre></dfn></div> </html>