前端——HTML中的常用標籤詳解

在網頁設計與開發中,超文本標記語言(HyperText Markup Language, HTML)是一種基本的語言,用於定義網頁的內容與結構。它透過使用一系列稱為「標籤」(tags)的特殊標記來描述網頁上的每個元素,例如文字、圖片、連結、表格等等。本篇文章將詳細介紹 HTML 中的一些常見且重要的標籤。

1. “ 宣告:

這個不是一個真正的標籤,但它非常重要,因為它是任何有效 HTML5 文件的第一行。它告訴瀏覽器文件使用的語法版本。對於 HTML5,使用 “。

2. “ (Document Type Declaration):

這是一個提示,告訴瀏覽器您要遵循哪個版本的 HTML 標準。請務必始終在您的文件中包含 DOCTYPE,以確保正確的解析和渲染。

3. “ 標籤:

這是整個文件的根元素,所有其他標籤都嵌套在其內部。它通常包含兩個主要的子元素:“ 和 “。

4. “ 標籤:

這個部分包含了頁面的元數據,如標題、樣式表、腳本和其他不直接顯示在頁面上的資訊。

5. `` 標籤:</p> <p>這個標籤為網頁提供了一個標題,該標題會出現在瀏覽器的標題欄上。</p> </p> <p>6. “ 標籤:</p> <p>這個標籤可以設置頁面的元資料屬性,比如關鍵字、描述、viewport 等。</p> </p> <p>7. “ 標籤:</p> <p>這個標籤可以用來引入外部資源,最常見的是引入 CSS 檔案。</p> </p> <p>8. “ 標籤:</p> <p>這個標籤可以用來在 HTML 文件內部定義樣式。</p> </p> <p>9. “ 標籤:</p> <p>這個標籤可以用來嵌入 JavaScript 代碼或者指向外部 JavaScript 檔案的引用。</p> </p> <p>10. “ 標籤:</p> <p>這個部分包含了用戶實際看到的網頁內容。</p> </p> <p>11. `</p> <p>` 標籤:</p> <p>這個標籤用來創建段落。</p> </p> <p>12. `</p> <h1> – </p> <h6>` 標籤:</p> <p>這些標籤用來創建不同層級的主題或副標題。`</p> <h1>` 是最大的,而 `</p> <h6>` 是最小的。</p> </p> <p>13. `</p> <ol>` and `</p> <ul>` 標籤:</p> <p>分別代表有序列表和無序列表。</p> </p> <p>14. `</p> <li>` 標籤:</p> <p>這個標籤用來表示清單中的一項。</p> </p> <p>15. `<a>` 標籤:</p> <p>這個標籤用來創建連結到另一個網頁、同一網頁的不同部分或其他網址。</p> </p> <p>16. “ 標籤:</p> <p>這個標籤用來插入圖像。</p> </p> <p>17. `</p> <table>` 標籤:</p> <p>這個標籤用來創建表格。</p> </p> <p>18. `</p> <tr>` 標籤:</p> <p>這個標籤用來創建表格中的列。</p> </p> <p>19. `</p> <td>` 標籤:</p> <p>這個標籤用來創建表格中的單一格子。</p> </p> <p>以上只是 HTML 中眾多可用標籤的一部分。隨著 Web 技術的不斷發展,新的標籤和功能不斷被加入,因此保持對最新 HTML 標準的瞭解是非常重要的。作為一名 Web 開發人員,熟悉並靈活運用這些標籤能夠幫助您創建結構清晰、易於訪問和優雅呈現的網站。</p> </div><!-- .entry-content --> <div class="entry-footer clear"> <div class="entry-tags"> <span class="tag-links"><span>文章标签:</span> <a href="http://www.studyeuropa.com/tag/5248" rel="tag">HTML元素詳解</a> <a href="http://www.studyeuropa.com/tag/5249" rel="tag">HTML常用標籤</a> <a href="http://www.studyeuropa.com/tag/5250" rel="tag">前端基礎教程</a></span> </div><!-- .entry-tags --> <div class="entry-footer-right"> <span class="entry-like"> <span class="sl-wrapper"><a href="http://www.studyeuropa.com/wp-admin/admin-ajax.php?action=process_simple_like&post_id=4706&nonce=1456680c88&is_comment=0&disabled=true" class="sl-button sl-button-4706" data-nonce="1456680c88" data-post-id="4706" data-iscomment="0" title="点赞这篇文章"><span class="sl-count">1 <em>赞</em></span></a><span class="sl-loader"></span></span> </span><!-- .entry-like --> </div> </div><!-- .entry-footer --> </article><!-- #post-## --> <div class="entry-related clear"> <h3>为您推荐</h3> <div class="related-loop clear"> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="http://www.studyeuropa.com/4902.html"> <div class="thumbnail-wrap"> <img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240516070827-6645b0eb985e2.jpg&w=280&h=176" alt="在Windows本地部署Ollama+qwen本地大型語言模型Web互動介面,並實現公網訪問。"/> </div><!-- .thumbnail-wrap --> </a> <h2 class="entry-title"><a href="http://www.studyeuropa.com/4902.html">在Windows本地部署Ollama+qwen本地大型語言模型Web互動介面,並實現公網訪問。</a></h2> </div><!-- .grid --> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="http://www.studyeuropa.com/4901.html"> <div class="thumbnail-wrap"> <img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240516071601-6645b2b1b163f.jpg&w=280&h=176" alt="芋道SpringBoot配置Maven、創建SpringBoot項目、創建Web介面、讀取配置資訊"/> </div><!-- .thumbnail-wrap --> </a> <h2 class="entry-title"><a href="http://www.studyeuropa.com/4901.html">芋道SpringBoot配置Maven、創建SpringBoot項目、創建Web介面、讀取配置資訊</a></h2> </div><!-- .grid --> <div class="hentry ht_grid_1_3 last"> <a class="thumbnail-link" href="http://www.studyeuropa.com/4899.html"> <div class="thumbnail-wrap"> <img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240516083028-6645c424b2534.jpg&w=280&h=176" alt="Vue2 使用 RTSP 視頻流接入海康威視攝像頭 (純前端)"/> </div><!-- .thumbnail-wrap --> </a> <h2 class="entry-title"><a href="http://www.studyeuropa.com/4899.html">Vue2 使用 RTSP 視頻流接入海康威視攝像頭 (純前端)</a></h2> </div><!-- .grid --> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="http://www.studyeuropa.com/4900.html"> <div class="thumbnail-wrap"> <img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240516071726-6645b3061d006.jpg&w=280&h=176" alt="【前端–Vue】元件之間的多種通訊方式,一文徹底搞懂元件通訊!"/> </div><!-- .thumbnail-wrap --> </a> <h2 class="entry-title"><a href="http://www.studyeuropa.com/4900.html">【前端–Vue】元件之間的多種通訊方式,一文徹底搞懂元件通訊!</a></h2> </div><!-- .grid --> <div class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="http://www.studyeuropa.com/4897.html"> <div class="thumbnail-wrap"> <img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240516083822-6645c5fe2dd05.jpg&w=280&h=176" alt="【前端–Vue】組件之間的多種通訊方式,一文徹底搞懂組件通訊!"/> </div><!-- .thumbnail-wrap --> </a> <h2 class="entry-title"><a href="http://www.studyeuropa.com/4897.html">【前端–Vue】組件之間的多種通訊方式,一文徹底搞懂組件通訊!</a></h2> </div><!-- .grid --> <div class="hentry ht_grid_1_3 last"> <a class="thumbnail-link" href="http://www.studyeuropa.com/4898.html"> <div class="thumbnail-wrap"> <img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240516083215-6645c48f94f4f.jpg&w=280&h=176" alt="於Windows本地部署Ollama+qwen本地大型語言模型Web互動介面並實現公網訪問。"/> </div><!-- .thumbnail-wrap --> </a> <h2 class="entry-title"><a href="http://www.studyeuropa.com/4898.html">於Windows本地部署Ollama+qwen本地大型語言模型Web互動介面並實現公網訪問。</a></h2> </div><!-- .grid --> </div><!-- .related-posts --> </div><!-- .entry-related --> </main><!-- #main --> </div><!-- .right-col --> </div><!-- #primary --> <aside id="secondary" class="widget-area sidebar"> <div id="zimeiti_1-random-3" class="widget widget-zimeiti_1-random widget_posts_thumbnail"><h2 class="widget-title">猜妳喜歡</h2><ul><li class="clear"><a href="http://www.studyeuropa.com/4112.html" rel="bookmark"><div class="thumbnail-wrap"><img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240517192312-6647aea0795d2.jpg&w=120&h=80" alt="<?php the_title(); ?>"/></div></a><div class="entry-wrap"><a href="http://www.studyeuropa.com/4112.html" rel="bookmark">十種既有趣又容易的英語學習方法</a><div class="entry-meta">25/05/2024</div></div></li><li class="clear"><a href="http://www.studyeuropa.com/4827.html" rel="bookmark"><div class="thumbnail-wrap"><img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240516105657-6645e67915d79.jpg&w=120&h=80" alt="<?php the_title(); ?>"/></div></a><div class="entry-wrap"><a href="http://www.studyeuropa.com/4827.html" rel="bookmark">微信小程序詳細登錄流程(圖解+代碼流程)</a><div class="entry-meta">25/05/2024</div></div></li><li class="clear"><a href="http://www.studyeuropa.com/4320.html" rel="bookmark"><div class="thumbnail-wrap"><img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240517114646-664743a624996.jpg&w=120&h=80" alt="<?php the_title(); ?>"/></div></a><div class="entry-wrap"><a href="http://www.studyeuropa.com/4320.html" rel="bookmark">英語中動詞的用法詳細介紹</a><div class="entry-meta">25/05/2024</div></div></li><li class="clear"><a href="http://www.studyeuropa.com/4217.html" rel="bookmark"><div class="thumbnail-wrap"><img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240517165446-66478bd688ad9.jpg&w=120&h=80" alt="<?php the_title(); ?>"/></div></a><div class="entry-wrap"><a href="http://www.studyeuropa.com/4217.html" rel="bookmark">切分法反向記憶單詞_20種記憶英語單詞的方法</a><div class="entry-meta">25/05/2024</div></div></li><li class="clear"><a href="http://www.studyeuropa.com/4025.html" rel="bookmark"><div class="thumbnail-wrap"><img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/05/20240520010303-664aa147ca6c7.jpg&w=120&h=80" alt="<?php the_title(); ?>"/></div></a><div class="entry-wrap"><a href="http://www.studyeuropa.com/4025.html" rel="bookmark">14款炫酷好玩的前端特效代碼分享(附在線演示效果)</a><div class="entry-meta">25/05/2024</div></div></li><li class="clear"><a href="http://www.studyeuropa.com/5424.html" rel="bookmark"><div class="thumbnail-wrap"><img src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/thumb.php?src=/wp-content/uploads/2024/11/forest-166733_640.jpg&w=120&h=80" alt="<?php the_title(); ?>"/></div></a><div class="entry-wrap"><a href="http://www.studyeuropa.com/5424.html" rel="bookmark">每天早上用英語怎麼說,晨間英語表達的各種說法</a><div class="entry-meta">06/12/2024</div></div></li></ul></div><div id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widget-title">標簽</h2><div class="tagcloud"><a href="http://www.studyeuropa.com/tag/481" class="tag-cloud-link tag-link-481 tag-link-position-1" style="font-size: 11.15pt;" aria-label="1.前端 (5 项)">1.前端<span class="tag-link-count"> (5)</span></a> <a href="http://www.studyeuropa.com/tag/279" class="tag-cloud-link tag-link-279 tag-link-position-2" style="font-size: 9.75pt;" aria-label="C# (4 项)">C#<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/315" class="tag-cloud-link tag-link-315 tag-link-position-3" style="font-size: 8pt;" aria-label="JavaScript (3 项)">JavaScript<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/290" class="tag-cloud-link tag-link-290 tag-link-position-4" style="font-size: 8pt;" aria-label="JDBC (3 项)">JDBC<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/155" class="tag-cloud-link tag-link-155 tag-link-position-5" style="font-size: 16.4pt;" aria-label="MySQL (11 项)">MySQL<span class="tag-link-count"> (11)</span></a> <a href="http://www.studyeuropa.com/tag/559" class="tag-cloud-link tag-link-559 tag-link-position-6" style="font-size: 8pt;" aria-label="MySQL安裝 (3 项)">MySQL安裝<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/570" class="tag-cloud-link tag-link-570 tag-link-position-7" style="font-size: 9.75pt;" aria-label="Nginx (4 项)">Nginx<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/478" class="tag-cloud-link tag-link-478 tag-link-position-8" style="font-size: 8pt;" aria-label="Spring (3 项)">Spring<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/73" class="tag-cloud-link tag-link-73 tag-link-position-9" style="font-size: 22pt;" aria-label="SpringBoot (24 项)">SpringBoot<span class="tag-link-count"> (24)</span></a> <a href="http://www.studyeuropa.com/tag/617" class="tag-cloud-link tag-link-617 tag-link-position-10" style="font-size: 9.75pt;" aria-label="SpringBootWeb (4 项)">SpringBootWeb<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/194" class="tag-cloud-link tag-link-194 tag-link-position-11" style="font-size: 8pt;" aria-label="SpringCloud (3 项)">SpringCloud<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/4743" class="tag-cloud-link tag-link-4743 tag-link-position-12" style="font-size: 9.75pt;" aria-label="Spring源碼解析 (4 项)">Spring源碼解析<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/1061" class="tag-cloud-link tag-link-1061 tag-link-position-13" style="font-size: 11.15pt;" aria-label="Uniapp (5 项)">Uniapp<span class="tag-link-count"> (5)</span></a> <a href="http://www.studyeuropa.com/tag/921" class="tag-cloud-link tag-link-921 tag-link-position-14" style="font-size: 9.75pt;" aria-label="Vue (4 项)">Vue<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/113" class="tag-cloud-link tag-link-113 tag-link-position-15" style="font-size: 9.75pt;" aria-label="Vue2 (4 项)">Vue2<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/157" class="tag-cloud-link tag-link-157 tag-link-position-16" style="font-size: 15pt;" aria-label="Vue3 (9 项)">Vue3<span class="tag-link-count"> (9)</span></a> <a href="http://www.studyeuropa.com/tag/180" class="tag-cloud-link tag-link-180 tag-link-position-17" style="font-size: 9.75pt;" aria-label="Vue框架 (4 项)">Vue框架<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/74" class="tag-cloud-link tag-link-74 tag-link-position-18" style="font-size: 8pt;" aria-label="WebGIS (3 项)">WebGIS<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/351" class="tag-cloud-link tag-link-351 tag-link-position-19" style="font-size: 12.375pt;" aria-label="WebStorm (6 项)">WebStorm<span class="tag-link-count"> (6)</span></a> <a href="http://www.studyeuropa.com/tag/280" class="tag-cloud-link tag-link-280 tag-link-position-20" style="font-size: 9.75pt;" aria-label="Web控件 (4 项)">Web控件<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/2432" class="tag-cloud-link tag-link-2432 tag-link-position-21" style="font-size: 12.375pt;" aria-label="作文技巧 (6 项)">作文技巧<span class="tag-link-count"> (6)</span></a> <a href="http://www.studyeuropa.com/tag/3504" class="tag-cloud-link tag-link-3504 tag-link-position-22" style="font-size: 8pt;" aria-label="入門指南 (3 项)">入門指南<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/966" class="tag-cloud-link tag-link-966 tag-link-position-23" style="font-size: 12.375pt;" aria-label="前端 (6 项)">前端<span class="tag-link-count"> (6)</span></a> <a href="http://www.studyeuropa.com/tag/3491" class="tag-cloud-link tag-link-3491 tag-link-position-24" style="font-size: 8pt;" aria-label="前端優化 (3 项)">前端優化<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/705" class="tag-cloud-link tag-link-705 tag-link-position-25" style="font-size: 8pt;" aria-label="前端技巧 (3 项)">前端技巧<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/63" class="tag-cloud-link tag-link-63 tag-link-position-26" style="font-size: 19.025pt;" aria-label="前端開發 (16 项)">前端開發<span class="tag-link-count"> (16)</span></a> <a href="http://www.studyeuropa.com/tag/3168" class="tag-cloud-link tag-link-3168 tag-link-position-27" style="font-size: 9.75pt;" aria-label="前端開發指南 (4 项)">前端開發指南<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/3528" class="tag-cloud-link tag-link-3528 tag-link-position-28" style="font-size: 13.25pt;" aria-label="前端面試 (7 项)">前端面試<span class="tag-link-count"> (7)</span></a> <a href="http://www.studyeuropa.com/tag/95" class="tag-cloud-link tag-link-95 tag-link-position-29" style="font-size: 8pt;" aria-label="實現公網訪問 (3 项)">實現公網訪問<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/3838" class="tag-cloud-link tag-link-3838 tag-link-position-30" style="font-size: 12.375pt;" aria-label="寫作技巧 (6 项)">寫作技巧<span class="tag-link-count"> (6)</span></a> <a href="http://www.studyeuropa.com/tag/3863" class="tag-cloud-link tag-link-3863 tag-link-position-31" style="font-size: 12.375pt;" aria-label="小升初英語作文 (6 项)">小升初英語作文<span class="tag-link-count"> (6)</span></a> <a href="http://www.studyeuropa.com/tag/975" class="tag-cloud-link tag-link-975 tag-link-position-32" style="font-size: 9.75pt;" aria-label="微信小程序 (4 项)">微信小程序<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/359" class="tag-cloud-link tag-link-359 tag-link-position-33" style="font-size: 8pt;" aria-label="快速上手 (3 项)">快速上手<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/3626" class="tag-cloud-link tag-link-3626 tag-link-position-34" style="font-size: 8pt;" aria-label="數據可視化 (3 项)">數據可視化<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/3520" class="tag-cloud-link tag-link-3520 tag-link-position-35" style="font-size: 8pt;" aria-label="網頁設計 (3 项)">網頁設計<span class="tag-link-count"> (3)</span></a> <a href="http://www.studyeuropa.com/tag/4154" class="tag-cloud-link tag-link-4154 tag-link-position-36" style="font-size: 9.75pt;" aria-label="英漢雙語 (4 项)">英漢雙語<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/3884" class="tag-cloud-link tag-link-3884 tag-link-position-37" style="font-size: 9.75pt;" aria-label="英語作文 (4 项)">英語作文<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/3824" class="tag-cloud-link tag-link-3824 tag-link-position-38" style="font-size: 17.625pt;" aria-label="英語學習 (13 项)">英語學習<span class="tag-link-count"> (13)</span></a> <a href="http://www.studyeuropa.com/tag/3935" class="tag-cloud-link tag-link-3935 tag-link-position-39" style="font-size: 11.15pt;" aria-label="英語學習技巧 (5 项)">英語學習技巧<span class="tag-link-count"> (5)</span></a> <a href="http://www.studyeuropa.com/tag/4223" class="tag-cloud-link tag-link-4223 tag-link-position-40" style="font-size: 9.75pt;" aria-label="英語學習方法 (4 项)">英語學習方法<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/1488" class="tag-cloud-link tag-link-1488 tag-link-position-41" style="font-size: 11.15pt;" aria-label="解決方案 (5 项)">解決方案<span class="tag-link-count"> (5)</span></a> <a href="http://www.studyeuropa.com/tag/480" class="tag-cloud-link tag-link-480 tag-link-position-42" style="font-size: 9.75pt;" aria-label="解決方法 (4 项)">解決方法<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/4430" class="tag-cloud-link tag-link-4430 tag-link-position-43" style="font-size: 9.75pt;" aria-label="詳解 (4 项)">詳解<span class="tag-link-count"> (4)</span></a> <a href="http://www.studyeuropa.com/tag/3875" class="tag-cloud-link tag-link-3875 tag-link-position-44" style="font-size: 18.5pt;" aria-label="雙語散文 (15 项)">雙語散文<span class="tag-link-count"> (15)</span></a> <a href="http://www.studyeuropa.com/tag/3944" class="tag-cloud-link tag-link-3944 tag-link-position-45" style="font-size: 9.75pt;" aria-label="雙語閱讀 (4 项)">雙語閱讀<span class="tag-link-count"> (4)</span></a></div> </div></aside><!-- #secondary --> </div><!-- #content .site-content --> <footer id="colophon" class="site-footer "> <div class="clear"></div> <div id="site-bottom" class="clear"> <div class="container"> <div class="site-info"> © 2024 <a href="http://www.studyeuropa.com">學習吧</a> </div><!-- .site-info --> </div><!-- .container --> </div> <!-- #site-bottom --> </footer><!-- #colophon --> </div><!-- #page --> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/superfish.js?ver=6.7.1" id="superfish-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/jquery.slicknav.js?ver=6.7.1" id="slicknav-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/modernizr.js?ver=6.7.1" id="modernizr-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/html5.js?ver=6.7.1" id="html5-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/jquery.bxslider.js?ver=6.7.1" id="bxslider-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/qrcode.js?ver=6.7.1" id="qrcode-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/social-share.js?ver=6.7.1" id="social-share-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/infinite-scroll.pkgd.min.js?ver=6.7.1" id="infinite-scroll-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/jquery.sticky.js?ver=6.7.1" id="sticky-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/themes/zimeiti-1/assets/js/jquery.custom.js?ver=20220101" id="zimeiti-1-custom-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-includes/js/comment-reply.min.js?ver=6.7.1" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="QAPress-js-js-extra"> /* <![CDATA[ */ var QAPress_js = {"ajaxurl":"http:\/\/www.studyeuropa.com\/wp-admin\/admin-ajax.php","ajaxloading":"http:\/\/www.studyeuropa.com\/wp-content\/plugins\/qapress\/images\/loading.gif","max_upload_size":"2097152","compress_img_size":"1920","lang":{"delete":"\u5220\u9664","nocomment":"\u6682\u65e0\u56de\u590d","nocomment2":"\u6682\u65e0\u8bc4\u8bba","addcomment":"\u6211\u6765\u56de\u590d","submit":"\u53d1\u5e03","loading":"\u6b63\u5728\u52a0\u8f7d...","error1":"\u53c2\u6570\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5","error2":"\u8bf7\u6c42\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","confirm":"\u5220\u9664\u64cd\u4f5c\u65e0\u6cd5\u6062\u590d\uff0c\u5e76\u5c06\u540c\u65f6\u5220\u9664\u5f53\u524d\u56de\u590d\u7684\u8bc4\u8bba\u4fe1\u606f\uff0c\u60a8\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f","confirm2":"\u5220\u9664\u64cd\u4f5c\u65e0\u6cd5\u6062\u590d\uff0c\u60a8\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f","confirm3":"\u5220\u9664\u64cd\u4f5c\u65e0\u6cd5\u6062\u590d\uff0c\u5e76\u5c06\u540c\u65f6\u5220\u9664\u5f53\u524d\u95ee\u9898\u7684\u56de\u590d\u8bc4\u8bba\u4fe1\u606f\uff0c\u60a8\u786e\u5b9a\u8981\u5220\u9664\u5417\uff1f","deleting":"\u6b63\u5728\u5220\u9664...","success":"\u64cd\u4f5c\u6210\u529f\uff01","denied":"\u65e0\u64cd\u4f5c\u6743\u9650\uff01","error3":"\u64cd\u4f5c\u5f02\u5e38\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","empty":"\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a","submitting":"\u6b63\u5728\u63d0\u4ea4...","success2":"\u63d0\u4ea4\u6210\u529f\uff01","ncomment":"0\u6761\u8bc4\u8bba","login":"\u62b1\u6b49\uff0c\u60a8\u9700\u8981\u767b\u5f55\u624d\u80fd\u8fdb\u884c\u56de\u590d","error4":"\u63d0\u4ea4\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","need_title":"\u8bf7\u8f93\u5165\u6807\u9898","need_cat":"\u8bf7\u9009\u62e9\u5206\u7c7b","need_content":"\u8bf7\u8f93\u5165\u5185\u5bb9","success3":"\u66f4\u65b0\u6210\u529f\uff01","success4":"\u53d1\u5e03\u6210\u529f\uff01","need_all":"\u6807\u9898\u3001\u5206\u7c7b\u548c\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a","length":"\u5185\u5bb9\u957f\u5ea6\u4e0d\u80fd\u5c11\u4e8e10\u4e2a\u5b57\u7b26","load_done":"\u56de\u590d\u5df2\u7ecf\u5168\u90e8\u52a0\u8f7d","load_fail":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","load_more":"\u70b9\u51fb\u52a0\u8f7d\u66f4\u591a","approve":"\u786e\u5b9a\u8981\u5c06\u5f53\u524d\u95ee\u9898\u8bbe\u7f6e\u4e3a\u5ba1\u6838\u901a\u8fc7\u5417\uff1f","end":"\u5df2\u7ecf\u5230\u5e95\u4e86","upload_fail":"\u56fe\u7247\u4e0a\u4f20\u51fa\u9519\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","file_types":"\u4ec5\u652f\u6301\u4e0a\u4f20jpg\u3001png\u3001gif\u683c\u5f0f\u7684\u56fe\u7247\u6587\u4ef6","file_size":"\u56fe\u7247\u5927\u5c0f\u4e0d\u80fd\u8d85\u8fc72M","uploading":"\u6b63\u5728\u4e0a\u4f20...","upload":"\u63d2\u5165\u56fe\u7247"}}; /* ]]> */ </script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/plugins/qapress/js/scripts.js?ver=4.9.3" id="QAPress-js-js"></script> <script type="text/javascript" src="http://www.studyeuropa.com/wp-content/plugins/qapress/js/icons-2.7.19.js?ver=4.9.3" id="wpcom-icons-js"></script> <div id="back-top"> <a href="#top" title="返回頂部"><span class="genericon genericon-collapse"></span></a> </div> <script> (function($){ //create closure so we can safely use $ as alias for jQuery $(document).ready(function(){ "use strict"; /*-----------------------------------------------------------------------------------*/ /* Sticky Breadcrumbs /*-----------------------------------------------------------------------------------*/ $(window).scroll(function(){ var aTop = 200; if( ( $(this).scrollTop()>=aTop) ){ $('.single .site-main .entry-header').addClass('sticky-breadcrumbs'); $('.single #primary article.hentry').css('padding-top', '110px'); $('#single-sticky').addClass(' container'); $('.single .left-col').addClass('header-scrolled'); } else { $('.single .site-main .entry-header').removeClass('sticky-breadcrumbs'); $('.single #primary article.hentry').css('padding-top', '0'); $('#single-sticky').removeClass(' container'); $('.single .left-col').removeClass('header-scrolled'); } }); /*-----------------------------------------------------------------------------------*/ /* Sticky Left Navigation /*-----------------------------------------------------------------------------------*/ $(".left-col").sticky( { topSpacing: 0 } ); /*-----------------------------------------------------------------------------------*/ /* Slick Mobile Menu /*-----------------------------------------------------------------------------------*/ $('#primary-menu').slicknav({ prependTo: '#slick-mobile-menu', allowParentLinks: true, label: '導航' }); }); })(jQuery); </script> </body> </html> <!-- Dynamic page generated in 0.372 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2024-12-17 18:45:53 --> <!-- Compression = gzip -->