目錄
這篇文章講述HTML 標籤清單(功能排序) HTML 參考手冊- (HTML5 標準)
#功能排序
首頁 web前端 html教學 HTML標籤清單(功能排序)說明

HTML標籤清單(功能排序)說明

Mar 09, 2017 pm 04:00 PM
html

這篇文章講述HTML 標籤清單(功能排序) HTML 參考手冊- (HTML5 標準)

#功能排序

New : HTML5 新標籤

############################################################################## ##</tr> <tr>#為文檔定義一個標題<td></td> <td></td><body></tr> <tr>定義文件的主體<td></td> <td></td><h1> to <h6> </tr> <tr>定義HTML 標題<td></td> <td></td><p></tr> <tr>定義一個段落<td></td> <td>##<br> </td> </tr>定義簡單的折行。 <tr> <td></td> <td><hr></td> </tr>#定義水平線。 <tr> <td> <strong></strong><!--...--></td> <td>定義一個註解</td> </tr> <tr> <td>##格式</td> <td><span class="deprecated"> </span></td> </tr> <tr><acronym><td></td> <td>HTML5不再支援。 定義只取首字母的縮寫。 </td> </tr> <tr> <td></td><abbr><td></td>定義一個縮寫。 </tr> <tr> <td></td><address><td></td>定義文件作者或擁有者的聯絡資訊。 </tr> <tr> <td><span class="new"><b></span></td>定義粗體文字。 <td></td> </tr> <tr><bdi><td>New</td> <td></td>#允許您設定一段文本,使其脫離其父元素的文字方向設定。 </tr> <tr> <td></td><bdo><td><span class="deprecated">定義文字的方向。 </span></td> </tr> <tr><big><td></td> <td>HTML5不再支援。 定義大號文字。 </td> </tr> <tr> <td></td><blockquote><td><span class="deprecated">#定義區塊引用。 </span></td> </tr> <tr><center><td></td> <td>HTML5不再支援。 HTML 4.01 已廢棄。定義居中文本。 </td> </tr> <tr> <td></td><cite><td></td>定義引用(citation)。 </tr> <tr> <td></td><code><td></td>#定義電腦程式碼文字。 </tr> <tr> <td></td><del><td></td>定義被刪除文字。 </tr> <tr> <td></td><dfn><td></td>定義定義項目。 </tr> <tr> <td></td><em><td><span class="deprecated">#定義強調文字。 </span></td> </tr> <tr><font><td></td> <td>#HTML5不再支援。 HTML 4.01 已廢棄。 定義文字的字型、尺寸和顏色</td> </tr> <tr> <td></td><i><td></td>定義斜體文字。 </tr> <tr> <td></td><ins><td></td>定義被插入文字。 </tr> <tr> <td><span class="new"><kbd></span></td>定義鍵盤文字。 <td></td> </tr> <tr><mark><td>New<span class="new"></span> </td>#定義有記號的文字。 <td></td> </tr> <tr><meter><td>New</td> <td></td>#定義度量衡。僅用於已知最大值和最小值的度量。 </tr> <tr> <td><span class="new"><pre class="brush:php;toolbar:false"></span></td>#定義預格式文字<td></td> </tr> <tr><progress><td>New</td> <td></td> </tr> <tr> <td><span class="new"></span></td> <td></td> </tr> <tr> <td><span class="new"></span></td> <td></td> </tr> <tr> <td> <span class="new"></span>定義運行中的任務進度(進程)。 </td> <td></td> </tr><q><tr> <td>定義短的引用。 </td> <td></td> </tr><rp><tr>New<td></td> <td>#定義不支援 ruby​​ 元素的瀏覽器所顯示的內容。 </td> </tr> <tr> <td><rt></td>New<td></td> </tr>#定義字元(中文註音或字元)的解釋或發音。 <tr> <td></td> <td><ruby><span class="deprecated">New</span> </td> </tr>#定義 ruby​​ 註解(中文註音或字元)。 <tr> <td></td> <td><s></td> </tr>定義加刪除線的文字。 <tr> <td></td> <td><samp></td> </tr>定義電腦程式碼樣本。 <tr> <td></td> <td><small></td> </tr>定義小號文字。 <tr> <td> <span class="new"></span><strike></td> <td></td>HTML5不再支援。 HTML 4.01 已廢棄。 定義加刪除線的文字。 </tr> <tr> <td></td> <td><strong><span class="deprecated"></span>定義語氣更為強烈的強調文本。 </td> </tr> <tr> <td><sub></td> <td>#定義下標文字。 </td> </tr> <tr> <td><sup></td> <td>#定義上標文字。 </td> </tr> <tr> <td><time><span class="new">New</span> </td> <td>#定義一個日期/時間</td> </tr> <tr> <td><tt> <strong></strong> </td>HTML5不再支援。 定義打字機文字。 <td></td> </tr> <tr> <td><u></td> <td>定義下劃線文字。 </td> </tr> <tr> <td><var></td> <td>#定義文字的變數部分。 </td> </tr> <tr> <td><wbr></td>New<td></td> </tr>#規定在文字中的何處適合加入換行符號。 <tr> <td></td> <td></td>表單</tr> <tr> <td> </td> <td>#######<form>######定義一個HTML表單,用於使用者輸入。 ############<input>######定義一個輸入控制項############<textarea>#######定義多行的文字輸入控制項。 ############<button>######定義按鈕。 ############<select>######定義選擇清單(下拉清單)。</td> </tr> <tr> <td><optgroup></td> <td>定義選擇清單中相關選項的組合。 </td> </tr> <tr> <td><option></td> <td>定義選擇清單中的選項。 </td> </tr> <tr> <td><label></td> <td>定義 input 元素的標註。 </td> </tr> <tr> <td><fieldset></td> <td>定義圍繞表單中元素的邊框。 </td> </tr> <tr> <td><legend></td> <td>定義 fieldset 元素的標題。 </td> </tr> <tr> <td><datalist><span class="new">New</span> </td> <td>#規定了 input 元素可能的選項清單。 </td> </tr> <tr> <td><keygen><span class="new">New</span> </td> <td>#規定用於表單的金鑰對產生器欄位。 </td> </tr> <tr> <td><output><span class="new">New</span> </td> <td>#定義一個計算的結果</td> </tr> <tr> <td>##框架<strong></strong> </td> <td></td> </tr> <tr><frame><td></td> <td>HTML5不再支援。 定義框架集的視窗或框架。 <span class="deprecated"></span> </td> </tr> <tr><frameset><td></td> <td>#HTML5不再支援。定義框架集。 <span class="deprecated"></span> </td> </tr> <tr><noframes><td></td> <td>#HTML5不再支援。 定義針對不支援框架的使用者的替代內容。 <span class="deprecated"></span> </td> </tr> <tr><iframe><td></td>定義內聯框架。 <td></td> </tr> <tr> <td>映像<strong></strong> </td># <td></td> </tr> <tr>#<img><td></td>定義映像。 <td></td> </tr> <tr><map><td></td>#定義映像映射。 <td></td> </tr> <tr><area><td></td>定義圖片地圖內部的區域。 <td></td> </tr> <tr><canvas><td>New<span class="new"></span> </td>#透過腳本(通常是 JavaScript)來繪製圖形(例如圖表和其他圖像)。 <td></td> </tr> <tr><figcaption><td>New<span class="new"></span> </td>#定義一個caption for a <figure> element<td></td> </tr> <tr> #<figure><td>New<span class="new"></span> </td>figure 標籤用於對元素進行組合。 <td></td> </tr> <tr> <td>Audio/Video<strong></strong> </td> <td></td> </tr> <tr><audio><td>New<span class="new"></span> </td> <td></td> </tr> <tr> <td><span class="new"></span></td> <td></td> </tr> <tr> <td><span class="new"></span></td> <td></td> </tr> <tr> <td><span class="new"></span></td> <td></td> </tr>##定義聲音,例如音樂或其他音訊串流。 <tr> <td> <strong></strong><source></td>New<td></td> </tr>#定義media元素 (<video> 和 <audio>)的媒體資源。 media<tr> <td></td> <td><track></td>New</tr> <tr> <td>#為媒體(<video> 和 <audio>)元素定義外部文字軌道。 </td> <td></td> </tr><video><tr>New<td> <span class="new"></span>#定義一個音訊或視訊</td> <td></td> </tr>#連結<tr> <td><strong> </strong></td> <td></td><a></tr> <tr>定義一個連結<td></td> <td>##<link> </td> </tr>定義文件與外部資源的關係。 <tr> <td></td> <td><nav></td>New</tr> <tr> <td>#定義導覽連結</td> <td></td> </tr> <tr> <td></td> <td><span class="deprecated"></span></td> </tr> <tr> <td></td> <td></td> </tr> <tr>## <td></td> <td></td><ul></tr> <tr>#定義一個無序列表<td></td> <td>##<ol> </td> </tr>定義一個有序列表<tr> <td></td> <td><li></td> </tr>定義一個列表項目<tr> <td><span class="new">##< ;dir></span></td> <td>HTML5不再支援。 HTML 4.01 已廢棄。 定義目錄清單。 </td> </tr> <tr> <td><strong><dl></strong></td>定義定義清單<td></td> </tr> <tr><dt><td></td>定義一個定義定義清單中的項目。 <td></td> </tr> <tr><dd><td></td>定義定義清單中項目的描述。 <td></td> </tr> <tr><menu><td></td>定義選單清單。 <td></td> </tr> <tr><command><td>New</td> <td></td>#定義使用者可能呼叫的命令(例如單選按鈕、複選框或按鈕)。 </tr> <tr> <td></td> <td>表格</td> </tr> <tr># <td></td> <td></td>#<table></tr> <tr>定義一個表格<td></td> <td></td><caption></tr> <tr>定義表格標題。 <td></td> <td></td><th></tr> <tr>定義表格中的表頭單元格。 <td></td> <td></td><tr></tr> <tr>#定義表格中的行。 <td></td> <td></td><td></tr> <tr>定義表格中的單元。 <td><strong></strong></td><thead><td></td>定義表格中的表頭內容。 </tr> <tr> <td></td><tbody><td></td>定義表格中的主體內容。 </tr> <tr> <td></td><tfoot><td></td>定義表格中的表註內容(註腳)。 </tr> <tr> <td></td><col><td>###定義表格中一個或多個欄位的屬性值。 ############<colgroup>######定義表格中供格式化的列組。 ###############樣式/節######### ############<style>######定義文檔的樣式資訊。 ############<p>#######定義文件中的節。 ############<span>######定義文件中的節。</td> </tr> <tr> <td><header><span class="new">New</span> </td> <td>#定義一個文檔頭部部分</td> </tr> <tr>##<footer> ;<td>New<span class="new"></span></td>定義一個文檔底部<td></td></tr><tr><section><td>New<span class="new"></span> </td>定義了文檔的某個區域<td></td> </tr> <tr><article><td>New<span class="new"></span> </td>#定義一篇文章內容<td></td> </tr>##< ;aside><tr>New<td> <span class="new"></span>定義其所處內容以外的內容。 </td> <td></td> </tr><details><tr>New<td> <span class="new"></span>#定義了使用者可見的或隱藏的需求的補充細節。 </td> <td></td> </tr><dialog><tr>New<td> <span class="new"></span>#定義一個對話方塊或視窗</td> <td></td>##<summary> ;</tr>New<tr><td><span class="new">定義一個可見的標題。 當使用者點擊標題時會顯示出詳細資訊。 </span></td><td></td></tr>元資訊<tr><td><strong> </strong></td><td></td>#<head></tr> <tr>定義關於文件的資訊<td></td> <td></td><meta></tr> <tr>定義關於HTML 文件的元資訊。 <td></td> <td></td><base></tr> <tr>定義頁面中所有連結的預設位址或預設目標。 <td></td> <td></td><basefont></tr> <tr> <td>HTML5不再支援。 HTML 4.01 已廢棄。 定義頁面中文字的預設字體、顏色或尺寸。 </td> <td><span class="deprecated"></span></td> </tr>程式<tr> <td><strong> </strong></td> <td></td><script></tr> <tr>定義客戶端腳本。 <td></td> <td></td><noscript></tr> <tr>定義針對不支援客戶端腳本的使用者的替代內容。 <td></td> <td></td><applet></tr> <tr> <td>HTML5不再支援。 HTML 4.01 已廢棄。 定義嵌入的 applet。 </td> <td><span class="deprecated"></span></td><embed></tr>New<tr> <td><span class="new">#定義了一個容器,用來嵌入外部應用程式或互動程式(外掛程式)。 </span></td> <td></td><object></tr> <tr>定義嵌入的物件。 <td></td> <td></td><param></tr> <tr>定義物件的參數。 <td></td> <td></td> </tr>www.zuiuren.com</tbody>www.foodtvl.com</table>www.0539g.com<p>www.linyiwuliu.cn<br>www.jusho .com<br>www.shanghaidishinigonglue.com<br>www.linyixiaoshangpincheng.cn<br>www.linyizhuangshi.cn<br>www.pipixiaa.com<br>linyiwangluogongsi.cn<br>www.jusho.cn<br>www.linyidaikuan.cn<br>www.linyibanjiagongsi.cn<br>www.linyiwangzhantuiguang.cn<br>www.linyitesexiaochi.cn<br><br># <br>#</p><p>以上是HTML標籤清單(功能排序)說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!</p> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">本網站聲明</div> <div>本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡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> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div 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> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div 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 class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793874.html" title="如何修復KB5055523無法在Windows 11中安裝?" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055523無法在Windows 11中安裝?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793871.html" title="如何修復KB5055518無法在Windows 10中安裝?" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055518無法在Windows 10中安裝?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796791957.html" title="<🎜>:死鐵路 - 如何馴服狼" class="phpgenera_Details_mainR4_bottom_title"><🎜>:死鐵路 - 如何馴服狼</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796792155.html" title="R.E.P.O.的每個敵人和怪物的力量水平" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.的每個敵人和怪物的力量水平</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796797907.html" title="<🎜>:種植花園 - 完整的突變指南" class="phpgenera_Details_mainR4_bottom_title"><🎜>:種植花園 - 完整的突變指南</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 週前</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div 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 class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>人工智慧驅動的應用程序,用於創建逼真的裸體照片</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.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 class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.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 class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI脫衣器</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.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 class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div 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 class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793874.html" title="如何修復KB5055523無法在Windows 11中安裝?" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055523無法在Windows 11中安裝?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796793871.html" title="如何修復KB5055518無法在Windows 10中安裝?" class="phpgenera_Details_mainR4_bottom_title">如何修復KB5055518無法在Windows 10中安裝?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796791957.html" title="<🎜>:死鐵路 - 如何馴服狼" class="phpgenera_Details_mainR4_bottom_title"><🎜>:死鐵路 - 如何馴服狼</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796792155.html" title="R.E.P.O.的每個敵人和怪物的力量水平" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.的每個敵人和怪物的力量水平</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 週前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/1796797907.html" title="<🎜>:種植花園 - 完整的突變指南" class="phpgenera_Details_mainR4_bottom_title"><🎜>:種植花園 - 完整的突變指南</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 週前</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/article.html">顯示更多</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div 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 class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.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 class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title"> <h3>SublimeText3漢化版</h3> </a> <p>中文版,非常好用</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title"> <h3>禪工作室 13.0.1</h3> </a> <p>強大的PHP整合開發環境</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>視覺化網頁開發工具</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.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 class="phpmain_tab2_mids_info"> <a href="https://www.php.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 class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/ai">顯示更多</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div 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 class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/java-tutorial" title="Java教學" class="phpgenera_Details_mainR4_bottom_title">Java教學</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1655</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>14</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1414</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1307</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>25</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1253</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/zh-tw/faq/c-tutorial" title="C# 教程" class="phpgenera_Details_mainR4_bottom_title">C# 教程</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1227</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>24</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/zh-tw/faq/zt">顯示更多</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div 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 class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/1796600245.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/202409/04/2024090416492486715.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 中的表格邊框" /> </a> <a href="https://www.php.cn/zh-tw/faq/1796600245.html" title="HTML 中的表格邊框" class="phphistorical_Version2_mids_title">HTML 中的表格邊框</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span> <p class="Articlelist_txts_p">HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/1796600244.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/202409/04/2024090416491283996.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 中的巢狀表" /> </a> <a href="https://www.php.cn/zh-tw/faq/1796600244.html" title="HTML 中的巢狀表" class="phphistorical_Version2_mids_title">HTML 中的巢狀表</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span> <p class="Articlelist_txts_p">這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/1796600238.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/202409/04/2024090416482056439.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 左邊距" /> </a> <a href="https://www.php.cn/zh-tw/faq/1796600238.html" title="HTML 左邊距" class="phphistorical_Version2_mids_title">HTML 左邊距</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:48 PM</span> <p class="Articlelist_txts_p">HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/1796600271.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/202409/04/2024090416543391948.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 表格佈局" /> </a> <a href="https://www.php.cn/zh-tw/faq/1796600271.html" title="HTML 表格佈局" class="phphistorical_Version2_mids_title">HTML 表格佈局</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span> <p class="Articlelist_txts_p">HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/1796600269.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/202409/04/2024090416542577781.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 輸入佔位符" /> </a> <a href="https://www.php.cn/zh-tw/faq/1796600269.html" title="HTML 輸入佔位符" class="phphistorical_Version2_mids_title">HTML 輸入佔位符</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span> <p class="Articlelist_txts_p">HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/1796600210.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/202409/04/2024090416432927533.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML 有序列表" /> </a> <a href="https://www.php.cn/zh-tw/faq/1796600210.html" title="HTML 有序列表" class="phphistorical_Version2_mids_title">HTML 有序列表</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:43 PM</span> <p class="Articlelist_txts_p">HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/1796600246.html" title="HTML onclick 按鈕" 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/202409/04/2024090416493797970.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML onclick 按鈕" /> </a> <a href="https://www.php.cn/zh-tw/faq/1796600246.html" title="HTML onclick 按鈕" class="phphistorical_Version2_mids_title">HTML onclick 按鈕</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span> <p class="Articlelist_txts_p">HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/zh-tw/faq/1796600227.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/202409/04/2024090416455153019.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="在 HTML 中移動文字" /> </a> <a href="https://www.php.cn/zh-tw/faq/1796600227.html" title="在 HTML 中移動文字" class="phphistorical_Version2_mids_title">在 HTML 中移動文字</a> <span class="Articlelist_txts_time">Sep 04, 2024 pm 04:45 PM</span> <p class="Articlelist_txts_p">HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。</p> </div> </div> <a href="https://www.php.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 class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓,幫助PHP學習者快速成長!</p> </div> <div class="footermid"> <a href="https://www.php.cn/zh-tw/about/us.html">關於我們</a> <a href="https://www.php.cn/zh-tw/about/disclaimer.html">免責聲明</a> <a href="https://www.php.cn/zh-tw/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1746377850"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时,取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则,保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const mainNav = document.querySelector('.Article_Details_main1Lmain'); const header = document.querySelector('header'); if (mainNav) { window.addEventListener('scroll', function() { const scrollPosition = window.scrollY; if (scrollPosition > 84) { mainNav.classList.add('fixed'); } else { mainNav.classList.remove('fixed'); } }); } }); </script> </body> </html>
標籤 描述
 
#定義文件類型。
定義一個HTML 文檔