html5 常用標籤總結詳情-H5教程-PHP中文網

一、主體結構

##section章節或段落article類似文章、hggroup類似子標題，標題資訊、可選標題、TAG標籤這樣的數據，還是英文更好理解一些，heading of a sectionaddress聯繫訊息，一般用在article或body錨元素周圍##footer二、HTML 5元素標記總表

header	頁頭，不同與
#aside	側邊欄
nav	外部連結集合

	摘要或留言POST等形式的記錄（一般搭配內嵌頭部、尾部、底部結構使用）


頁尾

文件類型宣告根元素元素META元素零件元素#分組dl文字層次語意元素time編輯元素嵌入內容元素object表格表單元素互動元素腳本元素#三、HTML 5元素通用屬性與事件句柄


html
#head、 title、base、link、meta、style
body、section、nav、article、aside、h1、 h2、 h3、h4 、 h5、 h6、hgroup、header、footer、address
內容元素p、hr、br、pre、blockquote、ol 、ul、li、	、dt、dd、figure、figcaption、p
a、em、strong、 small、cite、q、dfn、abbr、	、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span
ins、del
img、iframe、embed、	、param、video、audio、source、canvas、map、area
元素table、caption、colgroup、col、tbody、thread、tfoot、tr、td、th
form、fieldset、legend、label 、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter
details、summary、command、menu
script、noscript

HTML5classHTML5元素事件句柄屬性

四、HTML5元素標記釋義

元素通用屬性表accesskey、

、contenteditable、contextmenu、dir、draggable 、hidden、id、lang、spellcheck、style、tabindex、title

onabort、onblur*、oncanplay、 oncanplaythrough、onchange、 onclick、 oncontextmenu、ondblclick、ondrag、ondragend、ondragenter、ondragleave、 ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、onerror*、onfocus*、onformchange、onformin、Pkeyon、Pkeyon. onload*、onloadeddata、onloadedmetadata、onloadstart、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、onpause、onplay、onplaying、onprogress、onratechange、onreadystatechangeon、onscrollons、onplaying、ondons、onrate 、onvolumechange、onwaiting。

介紹●根檔案標記#讓瀏覽器知道這是HTML 檔案#●提供檔案整體資訊<td></td>●</tr> <tr>標題<td></td>定義檔案標題，顯示於瀏覽器頂端<td></td> <td> <a href="//m.sbmmt.com/html5/html5-3-mip-normal.html" target="_blank"><base></a> </td>o<td></td>基準標記</tr> <tr>可將相對URL轉絕對到指定連結<td></td> <td></td>< ;link><td></td>o<td></td>外部資源連結</tr> <tr>必須帶rel屬性描述<td colspan="4"><strong></strong></td><meta></tr> <tr>o<td></td> <td>其它</td>META資料<td></td>不能被title, base, link, style, 和script元素所描述的META資料<td></td> </tr> <tr><style><td></td>●<td></td>嵌入文件風格資訊<td></td># <td></td> </tr> <tr> <td>零件標籤</td> <td></td> <td><a href="//m.sbmmt.com/code/9303.html" target="_blank"><body></a></td>●<td></td>#文件主體開始</tr> <tr>文件內容容器<td></td> <td></td> <td></td> <td>#文件主體開始</td> </tr> <tr> <td></td> <td>##<section></td> <td>●</td> <td>代表通用文件或應用元件<a href="//m.sbmmt.com/wiki/231.html" target="_blank"></a> </td> </tr> <tr> <td><nav></td> <td>●</td> <td></td>導航<td>連結</td> </tr>#外部連結或文件內部連結<tr> <td></td>##<article><td> </td>●<td></td>頁面模組<td>###類似文章、摘要或留言POST等形式的記錄############<aside>##### #●######孤立模組######一般作為邊欄廣告、說明、###引用###、導航等，aside圍堵部分一般與正文耦合較小####### ######<h1>######●######標題標記######此外還有h2, h3, h4, h5, h6######## #####<hgroup>######●######群組標題######用在一組h1-h6這樣的元素集合時使用，用來區分主副標題？？</td> </tr> <tr> <td><header></td> <td>●</td> <td>#群組說明或群組導覽</td> <td>也可稱為頁頭標題</td> </tr> <tr> <td><footer></td> <td>●</td> <td>頁尾標題</td> <td>作用範圍跟最近部件元素有關</td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td><strong></strong></td> <td></td> <td></td> <td></td> </tr> <tr> <td><address></td> <td>●</td> <td>地址或聯絡資訊</td> <td> </td> </tr> <tr> <td></td>分組內容標記<td></td> <td> </td> <td> </td> </tr> <tr> <td></td> <td>#<p></td> <td>●</td> <td>#段落標記</td> </tr> <tr> <td></td> <td><hr></td> <td>o</td> <td>水平分割線</td> </tr> <tr> <td></td> <td>#<br></td> <td>o</td> <td>換行</td> </tr># <tr> <td></td> <td><pre class="brush:php;toolbar:false"></td> <td>●</td> <td>預先格式化分本區塊</td> </tr> <tr> <td></td> <td>#<blockquote></td> <td>●</td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td>#區塊引用</tr> <tr> <td></td> <td></td><ol><td></td>●<td></td>編號清單</tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td><ul></td> <td>●</td> </tr>項目清單<tr><td colspan="4"> <strong></strong> </td></tr><li><tr> <td>●</td> <td>列表項目</td> <td> </td> <td></td> </tr>#<dl><tr>##●<td></td>定義列表<td></td> <td></td> <td></td><dt></tr> <tr>#●<td></td>定義名稱<td></td> <td></td> <td></td>#<dd></tr> <tr>●<td></td>定義說明<td></td># <td></td> <td></td><figure></tr> <tr>●<td></td>串流內容區塊說明<td></td>多結合figcaption使用<td></td> <td></td><figcaption></tr>##●<tr> <td>#figure內容屬性</td> <td> </td> <td></td> <td><p></td> </tr>●<tr> <td>定位標記</td> <td>無實際意義</td> <td></td> <td> </td> </tr> <tr> <td># </td> <td> </td> <td></td> <td></td>文字層次語意標記</tr> <tr> <td></td> <td><a></td> <td>●</td> <td>連結標記</td>## </tr> <tr> <td> </td><em><td></td>●<td></td>強調標記<td></td> </tr> <tr> <td></td><strong><td></td> <td><a href="//m.sbmmt.com/wiki/70.html" target="_blank"></a></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> ●<tr> <td>加重標記</td> <td> </td> <td></td> <td><small></td> </tr>●<tr> <td>字體縮小</td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr># <tr> <td></td> <td><cite></td> <td>●</td> <td>斜體標示</td>## </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td><q></td> <td>●<a href="//m.sbmmt.com/code/8105.html" target="_blank"></a>引用標記內容</td> </tr>原文是phrasing content，暫不清楚如何翻譯<tr> <td></td> <td>< ;dfn></td> <td>●</td> <td>術語定義</td> </tr> <tr> <td></td> <td><abbr></td>##●<td></td>#●<td></td>#縮寫</tr> <tr> <td colspan="4"><strong></strong></td><time></tr> <tr>●<td></td>日期時間<td>## </td> <td></td> <td><code></td> </tr>●<tr> <td>程式碼</td> <td> </td> <td></td>##<var> ;<td></td>●</tr><tr><td colspan="4">變數<strong></strong></td> </tr><tr><td></td>#<samp><td>##● </td> <td>範例<a href="//m.sbmmt.com/css/css-rwd-images.html" target="_blank"></a> </td> <td></td> </tr><kbd><tr> <td>●</td> <td>鍵盤字</td> <td><a href="//m.sbmmt.com/css/css-rwd-frameworks.html" target="_blank"></a></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td> <a href="//m.sbmmt.com/wiki/60.html" target="_blank">##<sub><sups></a>####●######上標/下標###### ##### ########<i>######●######斜體標記###### ###########<b># #####●######粗體標記###### #############<mark>######●######標記或高亮###### ############<ruby>######●#####註解標記###### ### #########<rt>######●######ruby子元素######結合ruby使用，例如:<ruby>day<rt> Tian</rt>緣<rt>Yuan</rt></ruby>############<rp>#############ruby子元素######一般做rt元素###註解###使用#############<bdo>######●###### # ##### ############<span>#######●######自訂標記###### ################################################################## ########編輯標記###############<ins>#####●###### ###### ############################################################################################################# # ##########<del>######●###### ###### ##############嵌入內容標記###############<img>######●#########圖片###標記###### #### #########<iframe>######●##########框架###標記##### ############################################################################### ##<embed>######●#######嵌入標記####### ############<object>#######● #########物件###標記</td> <td> </td> </tr> <tr> <td><param></td> <td>●</td> <td>參數標記</td> <td> </td> </tr> <tr> <td></td> <td>##<video></td> <td>●<a href="//m.sbmmt.com/code/6707.html" target="_blank"></a> </td>影片<td>標籤</td> </tr>of<tr> <td></td> <td>< ;audio></td> <td>●<a href="//m.sbmmt.com/code/6093.html" target="_blank"></a> </td>音訊<td>標記</td> </tr># <tr> <td></td> <td><source></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td><a href="//m.sbmmt.com/code/7891.html" target="_blank"></a></td> <td></td> </tr> <tr> <td></td>●<td></td>來源標記<td></td> <td></td> </tr> <tr>#<canvas><td>##●</td> <td>製圖標記</td> <td> </td> <td></td> </tr><map><tr> <td colspan="4">●<strong></strong> </td>地圖</tr>標記<tr> <td> </td> <td></td> <td>#<area></td> <td>●</td> </tr>區域標記<tr> <td> </td> <td></td>## <td></td> ## <td></td> </tr> <tr> <td></td> <td></td> <td>#表格標記</td> <td></td> </tr>##<table> <tr> <td>●</td> <td>表格標記</td> <td>設定該表格的各項參數</td> <td></td> </tr><caption><tr> <td>●</td> <td>表格標題</td> <td>做成一打通列以填入表格標題</td> <td></td> </tr>#<colgroup><tr>##●●<td></td> <td></td> <td></td> <td></td><col></tr> <tr>●<td></td> <td></td> <td></td> <td></td><tbody></tr> <tr>●<td></td> <td></td> <td></td> <td>##<thread></td> </tr>●<tr> <td> </td> <td> </td> <td></td> <td>#<tfoot></td> </tr>●<tr> <td> </td> <td> # </td> <td></td> <td><tr></td> </tr>●<tr><td colspan="4">表格列<strong></strong>設定該表格的欄位</td></tr> <tr> <td><td></td> <td>●</td> <td>表格欄</td> <td>#設定該表格的欄位</td> </tr> <tr>##< ;th><td></td>●<td></td>表格標頭<td></td>等於<TD>，但其內部文字字體會變粗<td></td> </tr> <tr> <td>表單標記</td> <td></td> <td></td><form><td></td>●</tr> <tr>表單標記<td></td>決定該表單的運作模式<td></td> <td></td><fieldset><td></td>●</tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td><a href="//m.sbmmt.com/code/5991.html" target="_blank"></a></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td>## <legend><td></td>●</tr> <tr> <td></td> <td></td> <td></td><input><td></td>#●</tr> <tr>##●<td></td>##●<td></td>##●<td></td> <td>#輸入標記</td> </tr> <tr> <td></td> <td><label></td>##●<td></td> <td></td> </tr> <tr> <td></td>#<button><td></td>●<td></td> <td></td> </tr> <tr># <td></td> <td></td>#< ;select><td></td>●<td></td>選擇標記</tr> <tr> <td></td> <td></td><datalist><td></td>●<td> </td> </tr> <tr> <td></td> <td></td><optgroup><td></td>●●<td>## </td> </tr> <tr> <td> </td> <td><option></td> <td>●</td> <td>選項</td> </tr># <tr> <td></td> <td><textarea></td> <td></td> <td></td>#<textarea></tr> <tr>●<td colspan="4"><p> <strong></strong> </p></td> </tr> <tr>#<keygen><td>##●</td> <td> </td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td>#<output><td></td>●<td></td># <td></td> </tr> <tr><td colspan="4"><strong><progress> ;</strong></td>●</tr><tr> <td></td> <td></td><td></td>#<meter><td></td>●</strong></td></tr> <tr># <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </tbody></table> <p><strong></strong></p> <p></p> <p></p>####################### ###互動元素##################<details>#####●###### ###### ##### ########<summary>######●###### ###### ###########<command>### ###●###### ###### #############<menu>######●###### ###### # ###############其他標籤################<script>######●################################################################ ###### ############<noscript>#######●###### ###### ################################################### ### ###### ###### ###### ##################備註： ############################################################### 1、● 表示該標記屬於圍堵標記，需要結束標記</標記>。 ######2、o 表示該標記屬空標記，不需要結束標記。 ###</tbody></table><p>以上是html5 常用標籤總結詳情的詳細內容。更多資訊請關注PHP中文網其他相關文章！</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>相關標籤：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=html5，常用标签" target="_blank">html5 ，常用标签</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">來源：php.cn</div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/zh-tw/faq/357701.html" title="html5 WebWorkers防止瀏覽器假死的範例程式碼分享"> <span>上一篇：html5 WebWorkers防止瀏覽器假死的範例程式碼分享</span> </a> <a href="//m.sbmmt.com/zh-tw/faq/357705.html" title="HTML5 Placeholder屬性的詳情介紹"> <span>下一篇：HTML5 Placeholder屬性的詳情介紹</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">本網站聲明</div> <div>本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/377601.html">從零開始打造自己的PHP框架的影片資料</a> </div> <div>2023-03-15 16:54:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/377137.html">PHPMailer如何利用QQ信箱完成郵件傳送功能的實例分析</a> </div> <div>2023-03-15 12:26:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/376186.html">php中關於IMAP如何收取電子郵件的方法介紹</a> </div> <div>2023-03-14 18:58:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/375194.html">php如何快速實現數組去重的實例</a> </div> <div>2023-03-14 11:30:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/369412.html">html中關於<a>標籤的全部屬性的使用總結</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/379971.html">php基礎知識總結（新手入門必備）</a> </div> <div>2023-03-16 15:20:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/381607.html">JavaScript中typeof的使用方法介紹</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/382066.html">JavaScript中confirm()方法的使用介紹</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/357705.html">HTML5 Placeholder屬性的詳情介紹</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/380149.html">ReactJS中表單的單選多選與反選的實作方法</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">最新問題</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/zh-tw/wenda/176380.html" target="_blank" title="SQL Count() 也需要 0" class="wdcdcTitle">SQL Count() 也需要 0</a> <a href="//m.sbmmt.com/zh-tw/wenda/176380.html" class="wdcdcCons">我只有一張表，我想計算起始為0的標籤的每個條目現在我嘗試這樣：SELECT標籤，COUNT(start)ASAnzahl，user_idFROMdatensammlung其中(st...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-06 19:48:53</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>449</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/zh-tw/wenda/176344.html" target="_blank" title="如何讓我的圖像顯示在頁面的主顯示幕上？" class="wdcdcTitle">如何讓我的圖像顯示在頁面的主顯示幕上？</a> <a href="//m.sbmmt.com/zh-tw/wenda/176344.html" class="wdcdcCons">我想做的是使用NASAAPI接收一些照片。然後在我的網頁的縮圖和主顯示屏上顯示這些照片。我只是弄清楚為什麼程式碼不從縮圖中獲取圖像並將其顯示在頁面上。我還使用HTML5以上版本的模...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-06 15:33:12</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>433</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/zh-tw/wenda/176317.html" target="_blank" title="父級的填充被黏性定位的子級忽略" class="wdcdcTitle">父級的填充被黏性定位的子級忽略</a> <a href="//m.sbmmt.com/zh-tw/wenda/176317.html" class="wdcdcCons">如何防止黏性元素進入標題後面？當前程式碼片段在父級上使用填充頂部，我也嘗試在額外的子級上使用margin-top或透明50px邊框，但它似乎不起作用。我知道在這種情況下我可以輕鬆地...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-06 11:42:51</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>338</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/zh-tw/wenda/176275.html" target="_blank" title="NumberInput 滑鼠滾輪處理忽略捕捉階段的事件過濾" class="wdcdcTitle">NumberInput 滑鼠滾輪處理忽略捕捉階段的事件過濾</a> <a href="//m.sbmmt.com/zh-tw/wenda/176275.html" class="wdcdcCons">非常簡短的版本：我有點卡住了，不太明白為什麼這段程式碼確實可以攔截和防止滑鼠滾輪事件被數位編輯解釋以更改數字。我想了解為什麼攔截擷取和過濾事件不起作用：HTML程式碼：<pi...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-05 12:21:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1387</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/zh-tw/wenda/176273.html" target="_blank" title="Firebase FCM 批量個人化推送" class="wdcdcTitle">Firebase FCM 批量個人化推送</a> <a href="//m.sbmmt.com/zh-tw/wenda/176273.html" class="wdcdcCons">是否可以發送大量推送，但每個訊息都是個人化的，例如帶有名稱，目標是僅向API發出一個請求，而不是每個用戶1個請求這可能嗎？如果是的話，我該怎麼做？我使用的是純cURL(php)，因...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-05 11:46:20</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1361</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>相關專題</div> <a href="//m.sbmmt.com/zh-tw/faq/zt" target="_blank">更多> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/html5dhzzynxz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html5動畫製作有哪些製作方法" /> </a> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/html5dhzzynxz" class="title-a-spanl" title="html5動畫製作有哪些製作方法"><span>html5動畫製作有哪些製作方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlyhtmldeqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML與HTML5的差別" /> </a> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/htmlyhtmldeqb" class="title-a-spanl" title="HTML與HTML5的差別"><span>HTML與HTML5的差別</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/javascriptdys"><img src="https://img.php.cn/upload/subject/202407/22/2024072212194411530.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="javascript的意思介紹" /> </a> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/javascriptdys" class="title-a-spanl" title="javascript的意思介紹"><span>javascript的意思介紹</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/mysqlhfsjk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214110575248.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="MySQL復原資料庫" /> </a> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/mysqlhfsjk" class="title-a-spanl" title="MySQL復原資料庫"><span>MySQL復原資料庫</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/bordercollapse"><img src="https://img.php.cn/upload/subject/202407/22/2024072214402951711.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="border-collapse" /> </a> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/bordercollapse" class="title-a-spanl" title="border-collapse"><span>border-collapse</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/windowsazsb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212251491457.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="windows10安裝失敗" /> </a> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/windowsazsb" class="title-a-spanl" title="windows10安裝失敗"><span>windows10安裝失敗</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/googlehz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214232427879.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="google信箱後綴" /> </a> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/googlehz" class="title-a-spanl" title="google信箱後綴"><span>google信箱後綴</span> </a> </li> <li class="ul-li"> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/linuxrhscml"><img src="https://img.php.cn/upload/subject/202407/22/2024072214060825990.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="LINUX如何刪除目錄" /> </a> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/linuxrhscml" class="title-a-spanl" title="LINUX如何刪除目錄"><span>LINUX如何刪除目錄</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">熱門推薦</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="h5是什麼" href="//m.sbmmt.com/zh-tw/faq/414835.html">h5是什麼</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="不懂程式碼怎麼製作h5頁？ H5頁面製作平台推薦" href="//m.sbmmt.com/zh-tw/faq/417718.html">不懂程式碼怎麼製作h5頁？ H5頁面製作平台推薦</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="html5的新特性有哪些" href="//m.sbmmt.com/zh-tw/faq/473125.html">html5的新特性有哪些</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="什麼是h5頁面製作" href="//m.sbmmt.com/zh-tw/faq/468382.html">什麼是h5頁面製作</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="h5和小程式有什麼差別" href="//m.sbmmt.com/zh-tw/faq/463311.html">h5和小程式有什麼差別</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>熱門教學</div> <a target="_blank" href="//m.sbmmt.com/zh-tw/course.html">更多> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">相關教學 <div></div></div> <div class="tabdiv swiper-slide" data-id="two">熱門推薦<div></div></div> <div class="tabdiv swiper-slide" data-id="three">最新課程<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="//m.sbmmt.com/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a> <div class="wzrthreerb"> <div>1418699 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/74.html" title="php入門教程之一週學會PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入門教程之一週學會PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="php入門教程之一週學會PHP" href="//m.sbmmt.com/zh-tw/course/74.html">php入門教程之一週學會PHP</a> <div class="wzrthreerb"> <div>4260254 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/286.html" title="JAVA 初級入門影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初級入門影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初級入門影片教學" href="//m.sbmmt.com/zh-tw/course/286.html">JAVA 初級入門影片教學</a> <div class="wzrthreerb"> <div>2496648 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="//m.sbmmt.com/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a> <div class="wzrthreerb"> <div>504761 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/2.html" title="PHP 零基礎入門教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 零基礎入門教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 零基礎入門教學" href="//m.sbmmt.com/zh-tw/course/2.html">PHP 零基礎入門教學</a> <div class="wzrthreerb"> <div>859748 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="//m.sbmmt.com/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a> <div class="wzrthreerb"> <div >1418699次學習</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/286.html" title="JAVA 初級入門影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初級入門影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初級入門影片教學" href="//m.sbmmt.com/zh-tw/course/286.html">JAVA 初級入門影片教學</a> <div class="wzrthreerb"> <div >2496648次學習</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="//m.sbmmt.com/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a> <div class="wzrthreerb"> <div >504761次學習</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/901.html" title="Web前端開發極速入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端開發極速入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端開發極速入門" href="//m.sbmmt.com/zh-tw/course/901.html">Web前端開發極速入門</a> <div class="wzrthreerb"> <div >215474次學習</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/234.html" title="零基礎精通 PS 影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基礎精通 PS 影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="零基礎精通 PS 影片教學" href="//m.sbmmt.com/zh-tw/course/234.html">零基礎精通 PS 影片教學</a> <div class="wzrthreerb"> <div >881966次學習</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1648.html" title="【web前端】Node.js快速入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入門" href="//m.sbmmt.com/zh-tw/course/1648.html">【web前端】Node.js快速入門</a> <div class="wzrthreerb"> <div >6737次學習</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1647.html" title="國外Web開發全端課程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="國外Web開發全端課程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="國外Web開發全端課程全集" href="//m.sbmmt.com/zh-tw/course/1647.html">國外Web開發全端課程全集</a> <div class="wzrthreerb"> <div >5249次學習</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1646.html" title="Go語言實戰之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go語言實戰之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go語言實戰之 GraphQL" href="//m.sbmmt.com/zh-tw/course/1646.html">Go語言實戰之 GraphQL</a> <div class="wzrthreerb"> <div >4396次學習</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1645.html" title="550W粉絲大佬手把手從零學JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉絲大佬手把手從零學JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W粉絲大佬手把手從零學JavaScript" href="//m.sbmmt.com/zh-tw/course/1645.html">550W粉絲大佬手把手從零學JavaScript</a> <div class="wzrthreerb"> <div >646次學習</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1644.html" title="python大神Mosh，零基礎小白6小時完全入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基礎小白6小時完全入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh，零基礎小白6小時完全入門" href="//m.sbmmt.com/zh-tw/course/1644.html">python大神Mosh，零基礎小白6小時完全入門</a> <div class="wzrthreerb"> <div >22356次學習</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新下載</div> <a href="//m.sbmmt.com/zh-tw/xiazai">更多> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">網站特效 <div></div></div> <div class="swiper-slide" data-id="twof">網站源碼<div></div></div> <div class="swiper-slide" data-id="threef">網站素材<div></div></div> <div class="swiper-slide" data-id="fourf">前端模板<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery企業留言表單聯絡程式碼" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8071">[表單按鈕] jQuery企業留言表單聯絡程式碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3音樂盒播放特效" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8070">[播放器特效] HTML5 MP3音樂盒播放特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5酷炫粒子動畫導覽選單特效" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8069">[選單導航] HTML5酷炫粒子動畫導覽選單特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery可視化表單拖曳編輯程式碼" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8068">[表單按鈕] jQuery可視化表單拖曳編輯程式碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS仿酷狗音樂播放器代碼" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8067">[播放器特效] VUE.JS仿酷狗音樂播放器代碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="經典html5推箱子小遊戲" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8066">[html5特效] 經典html5推箱子小遊戲</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery滾動添加或減少圖片特效" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8065">[圖片特效] jQuery滾動添加或減少圖片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3個人相簿封面懸停放大特效" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8064">[相簿特效] CSS3個人相簿封面懸停放大特效</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8328" title="家居裝潢清潔維修服務公司網站模板" target="_blank">[前端模板] 家居裝潢清潔維修服務公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8327" title="清新配色個人求職履歷引導頁模板" target="_blank">[前端模板] 清新配色個人求職履歷引導頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8326" title="設計師創意求職履歷網頁模板" target="_blank">[前端模板] 設計師創意求職履歷網頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8325" title="現代工程建築公司網站模板" target="_blank">[前端模板] 現代工程建築公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8324" title="教育服務機構響應式HTML5模板" target="_blank">[前端模板] 教育服務機構響應式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8323" title="網上電子書店商城網站模板" target="_blank">[前端模板] 網上電子書店商城網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8322" title="IT技術解決互聯網公司網站模板" target="_blank">[前端模板] IT技術解決互聯網公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8321" title="紫色風格外匯交易服務網站模板" target="_blank">[前端模板] 紫色風格外匯交易服務網站模板</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/3078" target="_blank" title="可愛的夏天元素向量素材(EPS+PNG)">[PNG素材] 可愛的夏天元素向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/3077" target="_blank" title="四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)">[PNG素材] 四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/3076" target="_blank" title="唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)">[banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/3075" target="_blank" title="金色的畢業帽向量素材(EPS+PNG)">[PNG素材] 金色的畢業帽向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/3074" target="_blank" title="黑白風格的山脈圖示向量素材(EPS+PNG)">[PNG素材] 黑白風格的山脈圖示向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/3073" target="_blank" title="不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)">[PNG素材] 不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/3072" target="_blank" title="扁平風格的植樹節banner向量素材(AI+EPS)">[banner圖] 扁平風格的植樹節banner向量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/3071" target="_blank" title="九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)">[PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8328" target="_blank" title="家居裝潢清潔維修服務公司網站模板">[前端模板] 家居裝潢清潔維修服務公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8327" target="_blank" title="清新配色個人求職履歷引導頁模板">[前端模板] 清新配色個人求職履歷引導頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8326" target="_blank" title="設計師創意求職履歷網頁模板">[前端模板] 設計師創意求職履歷網頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8325" target="_blank" title="現代工程建築公司網站模板">[前端模板] 現代工程建築公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8324" target="_blank" title="教育服務機構響應式HTML5模板">[前端模板] 教育服務機構響應式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8323" target="_blank" title="網上電子書店商城網站模板">[前端模板] 網上電子書店商城網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8322" target="_blank" title="IT技術解決互聯網公司網站模板">[前端模板] IT技術解決互聯網公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8321" target="_blank" title="紫色風格外匯交易服務網站模板">[前端模板] 紫色風格外匯交易服務網站模板</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓，幫助PHP學習者快速成長！</p> </div> <div class="footermid"> <a href="//m.sbmmt.com/zh-tw/about/us.html">關於我們</a> <a href="//m.sbmmt.com/zh-tw/about/disclaimer.html">免責聲明</a> <a href="//m.sbmmt.com/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?1732101939"></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> </body> </html>

標記	類型


#意義
		#檔案標記

META標記