HTML標籤大全

HTML標籤有<!DOCTYPE>、<html>、<head>、<title>、<meta>、<link>、<style>、<script>、<body>、<h1> - <h6>等。更多關於HTML標籤的相關問題，詳情請看本專題下面的文章。 php中文網歡迎大家前來學習。

190

html html標籤使用 html表格 head head標籤 meta標籤 link標籤 css style script標籤

HTML標籤大全

HTML標籤有、、、、<meta>、<link>、<style>、<script>、<body>、<h1> - <h6>、<p >、<a>、<img>、<div>、<span>、<input>、<button>、<form</p><span class="Articlelist_txts_time">Nov 27, 2023 am 10:05 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/zh-tw/search?word=html標籤"><span class="Articlelist_txts_infoss ">html標籤</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/420567.html" title="html !DOCTYPE標籤怎麼用" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/033/5ceb3b67d94af513.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="html !DOCTYPE標籤怎麼用" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/420567.html" title="html !DOCTYPE標籤怎麼用" class="Articlelist_txts_title">html !DOCTYPE標籤怎麼用</a></h3><p class="Articlelist_txts_p"><!DOCTYPE> 宣告不是 HTML 標籤；它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。 <!DOCTYPE> 聲明必須是 HTML 文件的第一行，位於 <html> 標籤之前。</p><span class="Articlelist_txts_time">May 27, 2019 am 09:27 AM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/545709.html" title="html標籤轉義" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/202305/21/2023052115550861594.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="html標籤轉義" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/545709.html" title="html標籤轉義" class="Articlelist_txts_title">html標籤轉義</a></h3><p class="Articlelist_txts_p">在網頁開發中，我們經常使用到html標記或元素。這些標記通常用於描述和展示頁面中的內容，包括文字、圖片、連結、表格等等。但是在使用這些標記時，我們需要注意到一些特殊字符，如<、>、&等等，這些字符可能會影響到標記的顯示效果，甚至導致代碼出錯。為了解決這個問題，我們需要使用html標記的轉義字元。一、什麼是html轉義？ html轉義指的是將一些特殊字元轉換為其對應的實體字元或標</p><span class="Articlelist_txts_time">May 21, 2023 pm 03:55 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/604631.html" title="如何在HTML表格中使用HTML標籤？" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/465/014/169416798450646.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="如何在HTML表格中使用HTML標籤？" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/604631.html" title="如何在HTML表格中使用HTML標籤？" class="Articlelist_txts_title">如何在HTML表格中使用HTML標籤？</a></h3><p class="Articlelist_txts_p">我們可以輕鬆地在表格中新增HTML標籤。 HTML標籤應放置在<td>標籤內。例如，在<td>標籤內新增段落<p>…</p>標籤或其他可用標籤。語法以下是在HTML表格中使用HTMl標記的語法。 <td><p>Paragraphofthecontext</p><td>範例1下面給出了在HTML表格中使用HTML標籤的範例。 <!DOCTYPEhtml><html><head&g</p><span class="Articlelist_txts_time">Sep 08, 2023 pm 06:13 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=使用"><span class="Articlelist_txts_infoss on">使用</span></a><a href="https://m.php.cn/zh-tw/search?word=html標籤"><span class="Articlelist_txts_infoss ">html標籤</span></a><a href="https://m.php.cn/zh-tw/search?word=html表格"><span class="Articlelist_txts_infoss ">html表格</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/408210.html" title="什麼是head標籤？ html中head標籤的介紹" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/009/5b715421c3505371.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="什麼是head標籤？ html中head標籤的介紹" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/408210.html" title="什麼是head標籤？ html中head標籤的介紹" class="Articlelist_txts_title">什麼是head標籤？ html中head標籤的介紹</a></h3><p class="Articlelist_txts_p">這篇文章帶給大家的內容是關於什麼是head標籤？ html中head標籤的介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。</p><span class="Articlelist_txts_time">Aug 13, 2018 pm 05:50 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/414890.html" title="head是什麼標籤" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/027/5c516c9641d3c479.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="head是什麼標籤" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/414890.html" title="head是什麼標籤" class="Articlelist_txts_title">head是什麼標籤</a></h3><p class="Articlelist_txts_p">head標籤是網頁的HEAD（頭）部分中包含有的內建標籤，一般用來申明使用的腳本語言，以及網頁傳輸時使用的方式等。</p><span class="Articlelist_txts_time">Jan 30, 2019 pm 05:22 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=head"><span class="Articlelist_txts_infoss on">head</span></a><a href="https://m.php.cn/zh-tw/search?word=head標籤"><span class="Articlelist_txts_infoss ">head標籤</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/420557.html" title="html title標籤怎麼用" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/024/5cea629c3c4ad458.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="html title標籤怎麼用" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/420557.html" title="html title標籤怎麼用" class="Articlelist_txts_title">html title標籤怎麼用</a></h3><p class="Articlelist_txts_p">html中的title標籤是用來定義網頁的標題，它顯示在瀏覽器的最頂端，另外title標籤是放置在<head></head>標籤內的，在title標籤中。</p><span class="Articlelist_txts_time">May 26, 2019 pm 05:57 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/415451.html" title="title標籤什麼意思" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/027/5c6e50fe7c7eb296.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="title標籤什麼意思" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/415451.html" title="title標籤什麼意思" class="Articlelist_txts_title">title標籤什麼意思</a></h3><p class="Articlelist_txts_p">title元素可定義文件的標題，瀏覽器會以特殊的方式來使用標題，並且通常會將它放置在瀏覽器視窗的標題列或狀態列上。同樣，當把文件加入使用者的連結清單或收藏夾或書籤清單時，標題將成為該文件連結的預設名稱。</p><span class="Articlelist_txts_time">Feb 21, 2019 pm 03:23 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/415137.html" title="meta標籤作用是什麼" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/027/5c63e29aba310409.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="meta標籤作用是什麼" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/415137.html" title="meta標籤作用是什麼" class="Articlelist_txts_title">meta標籤作用是什麼</a></h3><p class="Articlelist_txts_p">meta標籤提供有關頁面的元資訊（meta-information），例如針對搜尋引擎和更新頻度的描述和關鍵字。</p><span class="Articlelist_txts_time">Feb 13, 2019 pm 05:26 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=meta標籤"><span class="Articlelist_txts_infoss on">meta標籤</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/409883.html" title="html中的meta標籤是什麼？ meta標籤的屬性介紹" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/024/5b9793f298905161.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="html中的meta標籤是什麼？ meta標籤的屬性介紹" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/409883.html" title="html中的meta標籤是什麼？ meta標籤的屬性介紹" class="Articlelist_txts_title">html中的meta標籤是什麼？ meta標籤的屬性介紹</a></h3><p class="Articlelist_txts_p">本章跟大家介紹html中的meta標籤是什麼？ meta標籤的屬性介紹。有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。</p><span class="Articlelist_txts_time">Sep 11, 2018 pm 06:07 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/zh-tw/search?word=meta標籤"><span class="Articlelist_txts_infoss ">meta標籤</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/420587.html" title="html link標籤怎麼用" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/020/5ceb43f8dced8998.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="html link標籤怎麼用" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/420587.html" title="html link標籤怎麼用" class="Articlelist_txts_title">html link標籤怎麼用</a></h3><p class="Articlelist_txts_p">html link標籤用於定義文件與外部資源的關係，link元素是空元素，它僅包含屬性。此元素只能存在於head部分，不過它可出現任何次數。</p><span class="Articlelist_txts_time">May 27, 2019 am 09:58 AM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/453408.html" title="link標籤是什麼意思？" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/053/5ef98b3f1d5f1920.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="link標籤是什麼意思？" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/453408.html" title="link標籤是什麼意思？" class="Articlelist_txts_title">link標籤是什麼意思？</a></h3><p class="Articlelist_txts_p">link有「連結」的意思，是HTML中的一個標籤，用來建立和外部文件的連結。其語法為「<linkrel="stylesheet" href="style.css" type="text/css"/>」；href連接的文件是一個樣式表。</p><span class="Articlelist_txts_time">Jun 29, 2020 pm 02:47 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/zh-tw/search?word=link標籤"><span class="Articlelist_txts_infoss ">link標籤</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/453539.html" title="style標籤怎麼用？" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/202006/30/2020063013524386855.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="style標籤怎麼用？" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/453539.html" title="style標籤怎麼用？" class="Articlelist_txts_title">style標籤怎麼用？</a></h3><p class="Articlelist_txts_p">style標籤的用法是：1、style標籤放在head標籤裡；2、作為屬性放在元素的開始標籤中，每個屬性值之間使用【;】分開；3、使用屬性color，加入style屬性的字體顏色。</p><span class="Articlelist_txts_time">Jun 30, 2020 pm 01:53 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=css"><span class="Articlelist_txts_infoss on">css</span></a><a href="https://m.php.cn/zh-tw/search?word=style"><span class="Articlelist_txts_infoss ">style</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/408879.html" title="html style標籤是什麼意思？關於style標籤的使用方法詳解" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/023/5b7cdc9342a47305.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="html style標籤是什麼意思？關於style標籤的使用方法詳解" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/408879.html" title="html style標籤是什麼意思？關於style標籤的使用方法詳解" class="Articlelist_txts_title">html style標籤是什麼意思？關於style標籤的使用方法詳解</a></h3><p class="Articlelist_txts_p">這篇文章主要講的是html style標籤的定義和屬性介紹，先讓我們了解style標籤在HTML中的一些用途和位置，然後介紹了使用中的一些方法和細節技巧，讓我們一起來看看吧</p><span class="Articlelist_txts_time">Aug 22, 2018 pm 01:58 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/zh-tw/search?word=style"><span class="Articlelist_txts_infoss ">style</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/408528.html" title="script標籤在HTML中的作用是什麼？ script標籤中type屬性的用法是什麼？" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/023/5b754bc6c1b47834.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="script標籤在HTML中的作用是什麼？ script標籤中type屬性的用法是什麼？" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/408528.html" title="script標籤在HTML中的作用是什麼？ script標籤中type屬性的用法是什麼？" class="Articlelist_txts_title">script標籤在HTML中的作用是什麼？ script標籤中type屬性的用法是什麼？</a></h3><p class="Articlelist_txts_p">script標籤在HTML中的作用是什麼？ script標籤中type屬性的用法是什麼？本篇文章主要說明了HTML Script標籤用處的相關知識和script標籤中的type屬性用法是什麼</p><span class="Articlelist_txts_time">Aug 16, 2018 pm 06:02 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh-tw/faq/415259.html" title="script標籤什麼意思" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/027/5c67a2b596718778.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="script標籤什麼意思" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh-tw/faq/415259.html" title="script標籤什麼意思" class="Articlelist_txts_title">script標籤什麼意思</a></h3><p class="Articlelist_txts_p">script標籤用於定義客戶端腳本，例如 JavaScript，script元素既可包含腳本語句，也可以透過 src 屬性指向外部腳本檔案。</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:43 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh-tw/search?word=script標籤"><span class="Articlelist_txts_infoss on">script標籤</span></a></div></div></div><hr /><ul class="pagination"><div class="mngfPage"><ul class="page"> <a href="javascript:;" class="active">1</a><a href="/zh-tw/faq/htmlbqdq?p=2">2</a> <a href="/zh-tw/faq/htmlbqdq?p=2">></a></ul></div></ul></div><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/hotarticle2.png" alt="" /><h2>熱門文章</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/631024.html" title="HTML標籤大全" class="phpgenera_Details_mainR4_bottom_title">HTML標籤大全</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 年前</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/604631.html" title="如何在HTML表格中使用HTML標籤？" class="phpgenera_Details_mainR4_bottom_title">如何在HTML表格中使用HTML標籤？</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 年前</span><span>By王林</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/545709.html" title="html標籤轉義" class="phpgenera_Details_mainR4_bottom_title">html標籤轉義</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 年前</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/453539.html" title="style標籤怎麼用？" class="phpgenera_Details_mainR4_bottom_title">style標籤怎麼用？</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 年前</span><span>Bycoldplay.xixi</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/453408.html" title="link標籤是什麼意思？" class="phpgenera_Details_mainR4_bottom_title">link標籤是什麼意思？</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 年前</span><span>By烟雨青岚</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.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/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/hottools2.png" alt="" /><h2>熱工具</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh-tw/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417754263702.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Kits AI" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh-tw/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_title"><h3>Kits AI</h3></a><p>用人工智慧藝術家的聲音改變你的聲音。創建並訓練您自己的人工智慧語音模型。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh-tw/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417756684210.jpeg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="SOUNDRAW - AI Music Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh-tw/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_title"><h3>SOUNDRAW - AI Music Generator</h3></a><p>使用 SOUNDRAW 的 AI 音樂產生器輕鬆為影片、電影等創作音樂。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh-tw/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173399378227633.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Web ChatGPT.ai" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh-tw/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_title"><h3>Web ChatGPT.ai</h3></a><p>使用OpenAI聊天機器人免費的Chrome Extension，以進行有效的瀏覽。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh-tw/ai/rtapoker" title="RTA.POKER" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/174476762014987.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="RTA.POKER" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh-tw/ai/rtapoker" title="RTA.POKER" class="phpmain_tab2_mids_title"><h3>RTA.POKER</h3></a><p>RTA撲克軟件直接在您的撲克表上提供GTO解決方案</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh-tw/ai/ai-cakemaker" title="AI CakeMaker" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/174476756728580.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="AI CakeMaker" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh-tw/ai/ai-cakemaker" title="AI CakeMaker" class="phpmain_tab2_mids_title"><h3>AI CakeMaker</h3></a><p>AI應用程序可立即創建個性化蛋糕設計。</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.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/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/hotarticle2.png" alt="" /><h2>熱門話題</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/btczzghfm" title="比特幣在中國合法嗎" class="phpgenera_Details_mainR4_bottom_title">比特幣在中國合法嗎</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>559</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>6</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/ntuserdatsclh" title="ntuser.dat刪除了復原方法" class="phpgenera_Details_mainR4_bottom_title">ntuser.dat刪除了復原方法</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>137</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/datwjysmrjdk" title="dat檔案用什麼軟體打開" class="phpgenera_Details_mainR4_bottom_title">dat檔案用什麼軟體打開</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>211</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/dsptbknx" title="電商平台包括哪些" class="phpgenera_Details_mainR4_bottom_title">電商平台包括哪些</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>245</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh-tw/faq/wywffw" title="網頁無法存取怎麼辦" class="phpgenera_Details_mainR4_bottom_title">網頁無法存取怎麼辦</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>265</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>4</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh-tw/faq/zt">顯示更多</a></div></div></div></div></main><footer><div class="footer footermedit"><div class="footertop"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/logo.png" alt="" /><p>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="" title="">About us</a><a href="" title="">Disclaimer</a><a href="" title="">Sitemap</a></div><div class="footerbottom"><p>© php.cn All rights reserved</p></div></div></footer><script> // 通用函数，用于显示或隐藏元素 function toggleElementsDisplay(className, show) { const elements = document.getElementsByClassName(className); for (let i = 0; i < elements.length; i++) { elements[i].style.display = show ? "block" : "none"; } } // 绑定事件监听器 function bindEventListeners() { const toggleDisplay = (className, show, eventId) => { document.getElementById(eventId).addEventListener("click", (event) => { event.preventDefault(); toggleElementsDisplay(className, show); }); }; toggleDisplay("m_editormain12main", true, "fixed_tab_img"); toggleDisplay("m_editormain12main", false, "fixed_tab_topi"); toggleDisplay("m_editormain12main", false, "fixed_tab_close"); // 控制 m_menu 的显示和隐藏 toggleDisplay("m_menu", true, "lan1sp"); toggleDisplay("m_menu", false, "m_editormain12main_topi_sp"); // 控制 m_menu_lang 的显示和隐藏 toggleDisplay("m_menu_lang", true, "lan1"); toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan"); } // 在页面加载完成后绑定事件监听器 window.onload = bindEventListeners; 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"); }, }, }); }); // 获取关闭按钮 const closeButton = document.querySelector(".phpgenera_Details_mainR1_close"); // 获取容器元素 const container = document.querySelector(".phpgenera_Details_mainR1"); // 添加点击事件监听器 closeButton.addEventListener("click", (event) => { event.preventDefault(); // 阻止默认的<a>点击行为 container.style.display = "none"; // 隐藏容器 }); document.addEventListener("DOMContentLoaded", () => { // 动态获取所有滚动链接及隐藏目标元素 const links = [{ linkId: "fixed_tab_a1", targetId: "Topic_Details_mainL2_R_title1", hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID }, { linkId: "fixed_tab_a2", targetId: "Topic_Details_mainL2_R_title2", hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID }, { linkId: "fixed_tab_a3", targetId: "Topic_Details_mainL2_R_title3", hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID }, ]; links.forEach(({ linkId, targetId, hideElementId }) => { const linkElement = document.getElementById(linkId); const targetElement = document.getElementById(targetId); const hideElement = document.getElementById(hideElementId); if (linkElement && targetElement) { linkElement.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认行为 // 隐藏指定元素 if (hideElement) { hideElement.style.display = "none"; } // 平滑滚动到目标元素 targetElement.scrollIntoView({ behavior: "smooth" }); }); } else { console.warn( `Link, target, or hide element not found: ${linkId}, ${targetId}, ${hideElementId}` ); } }); }); </script></body></html>