，那該怎麼做呢？ 但是問題來了，heading tag 除了可以幫助做出層級大綱外，他也代表著每個網頁的重要性，我們習慣設定

為整張網頁最重要的部分，依序為

→

方便的 Outline 檢測網站，可以上傳 HTML 檔案、用 URL，或是直接貼 HTML code 在文字欄位裡，他就會秀出這個 HTML 的大綱，適合在本機測試或不是用 Google Chrome 的朋友。 以部落格文章為例子，我們在寫文章的時候，都習慣用 heading tag 做大標、小標...等等，方便使用者閱讀，而這樣的標記在網頁結構裡，就算是一個大綱。只是我們用顏色區分讓使用者容易閱讀、而對搜尋引擎來說，他就是利用 heading tag 來了解每一段的大綱與章節。 看完這些定義，大家有沒有發現，其實最重要的一點是要去「判斷這些區塊，到底是不是獨立的文章」？或者是「有意義的章節或段落」。而判斷這樣的頁面結構，就是要跟案主做良好的溝通，了解他們網站的需求，並且先將 outline 定義出來 =) 最後，結合 W3C 對 section 的定義，以及透過網路上對 section 名詞的解釋，我將 section 的定義總結如下： 因為兩種都可以，怎麼去撰寫 HTML tag，是根據你網頁的結構而定，因此他沒有標準的答案。我們唯一能做的是把他們的差別搞清楚，也把你網頁的結構搞懂；唯有都清楚了，才能正確的寫出對搜尋引擎友好的語意。 如果你曾搜尋過 , ，會發現每個人畫的結構圖都不太一樣。有的跟我提供的示意圖一樣，是用

包覆 ；但有的剛好相反，是用

包覆 。 上圖用灰色粗線條一個一個分隔的區塊，就是 section(一個章節、段落的區隔)。而整個一大棟的建築物是 article (獨立完整的文章) The

element represents a generic section of a document or application. 一個專注於網頁應用的軟體工程師，並對手帳術與時間管理有深入的研究。 歡迎瀏覽我的部落格文章、專案作品集，以及線上履歷。 HTML5 正夯? 恩，其實夯很久了！而 HTML5 絕對不只有語意那麼簡單罷了，它包含了很多前端的新功能與新技術，語意只是其中的一小小小塊。 今天要跟大家分享的是

標籤，網路上有很多關於

的解說，常見的文章是拿來跟

比較，可是我看了很多篇都似懂非懂...，所以又跑去看了國外的文件。 從今年開始，我寫的 HTML 會漸漸從 XHTML 的 !DOCTYPE 走向符合 HTML5 的 !DOCTYPE，隨著 HTML5 的規格釋出，語意會是我優先嘗試的部份，從整個網頁結構以及 SEO 來看，語意是 HTML5 的必備基礎知識，所以我們就先從

開始吧！ 先撇開 W3C 這些落落長的解釋名詞，我們先用常識去判斷甚麼是 section ？透過萬能的谷歌大神可以了解： outline 就是我們常說的「大綱」。當搜尋引擎在爬網站文章時，可以根據網站提供的大綱抓出每張網頁的目錄以及重點，每張網頁都可以有自己的一份大綱。 這個 outline 檢測工具非常好用，只要網站有把結構做出來，他就可以根據你的 HTML tag 秀出網站的大綱。另外如果文章很多懶得爬文，也可以直接點選有興趣的大綱文字，它會自動跳到該段落，有點像書籤的效果。 在 HTML5 尚未問世，還沒有 section tag 時，如果我們要做出像下面這種層級目錄的 outline： 通常會用 heading tag 給 outline 做階層 (可以直接貼到 HTML5 Outliner 檢測 工具看喔)： 在 HTML5 以前，這個問題無解。因為即使你用

包覆的很漂亮，或是做了很棒了縮排，但是對網頁標準來說， 沒有任何的意思(無語意)，他只是一個用來做排版的容器罷了。{{ getSelectedItemDetail(selectedChildProduct, item).childVariationName }} {{ getChildVariationShorthand(childProduct.child_variation) }} {{ childProduct.title_translations | translateModel }} {{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }} {{ getSelectedItemDetail(selectedChildProduct, item).childProductName }} x {{ selectedChildProduct.quantity || 1 }} {{'products.quick_cart.out_of_number_hint'| translate}} Outline 睡衣採用 100% 有機棉製成，觸感柔軟絲滑，是對日常用品的精緻詮釋。 在為 HAY 創作 Outline 系列時，丹麥設計師 Tilde Bjerregaard 採用了雕塑方法。她說。 “當相互對比時，顏色會變亮或加深，賦予該系列一種空靈的品質。”如使用DMS串連叢集執行以上語句出現類似 ERROR: invalid transaction termination 報錯，可使用其他用戶端操作，例如 psql 等，詳情請參見 串連資料庫叢集 。 使用HINT幹預最佳化器，使執行計畫選擇主鍵索引，並希望使用OUTLINE幹預計劃，使得SQL計劃不變。 hint_plan.disable_outline：用於關閉OUTLINE，輸入OUTLINE對應id。 hint_plan.enable_outline：用於開啟OUTLINE，輸入OUTLINE對應id。 當前SQL_ID需要添加的HINT資訊，當多個OUTLINE擁有相同SQL_ID時，按照ID順序彙總。 PolarDB PostgreSQL版 提供hint_plan.outlines_status視圖，用於查看資料庫內的OUTLINE。 PolarDB 提供 hint_plan.create_outline 函數，用於建立OUTLINE。輸入需要固定的SQL後，將自動提取SQL中的 Hints 並加入OUTLINE。 開啟OUTLINE功能。設定參數 pg_hint_plan.polar_enable_outline 為on，修改該參數不會造成叢集重啟。通過控制台設定叢集參數詳細操作，請參見 設定叢集參數 。 OUTLINE設計了高並發緩衝模組，對效能影響極小。啟用並添加OUTLINE後，Sysbench標準壓測顯示TPS和QPS僅下降1%~2%左右。 OUTLINE優先順序高於SQL語句中內建的HINT：對SQL建立OUTLINE之後，原SQL語句中的HINT將失效，僅受OUTLINE中HINT影響。 建立pg_hint_plan外掛程式，且外掛程式版本不低於1.4.1，詳細外掛程式介紹請參見 pg_hint_plan 。 SQL_ID ：SQL語句標識符，由資料庫系統自動產生，用於區分不同的SQL。OUTLINE使用SQL_ID區分和匹配目標SQL。 在不影響商務應用程式的情況下，您可通過OUTLINE功能精確控制SQL執行計畫，從而高效解決慢SQL問題。 精細化控制和管理 ：為不同的SQL提供相應的OUTLINE，可以清晰呈現整個系統的OUTLINE及其狀態（例如命中情況、是否開啟等）。 針對上述困境， PolarDB PostgreSQL版 推出對某類SQL自動增加HINT的能力，即執行計畫固定（Statement OUTLINE），簡稱OUTLINE。該功能可在不影響商務應用程式的情況下，精確控制SQL執行計畫。 發布流程的複雜性 ：在應用程式中手動添加HINT，並且每次調整HINT都需要發布新的應用版本，這不僅耗時耗力，還可能帶來額外的風險。 添加HINT的複雜性 ：許多應用的SQL是通過中介軟體自動產生的，手動添加HINT既不現實又十分繁瑣。 為了產生更優的執行計畫，使用HINT幹預最佳化器行為是一種常見且有效手段。然而，直接要求資料庫管理員在業務SQL語句中添加HINT會面臨諸多挑戰： 為產生更優的執行計畫， PolarDB PostgreSQL版 提供了執行計畫固定（Statement OUTLINE）功能，簡稱為OUTLINE。該功能支援對某類SQL自動增加指定HINT，在不影響商務應用程式的情況下，精確控制SQL執行計畫。 在實際啟動並執行資料庫環境中，慢SQL問題常常困擾著營運團隊和開發人員。慢SQL的成因多種多樣，可能源於資料分布不均、統計資訊不準確等因素。 HINT管理的複雜性 ：在應用程式中添加了大量HINT後，管理成本隨之增加，資料庫管理員難以清晰瞭解整個系統中存在的HINT數量。 OUTLINE功能允許您手動固定特定SQL語句的執行計畫，並對這類SQL的HINT進行添加和修改。OUTLINE提供了以下優勢： 對於連續參數，將忽略參數個數的影響。例如， a IN (1,2,3) 、 a IN (1,2) 將被歸一化，但是， a IN (1,2,3) 與 a IN (1) 不會執行歸一化，原因是 IN (1) 不是連續的參數。 支援為一類SQL建立多個OUTLINE：多個OUTLINE將相互疊加，且該SQL語句受到多個HINT的影響。 OUTLINE和pg_hint_plan的hint_table功能互斥：OUTLINE與hint_table功能類似，開啟OUTLINE功能後，hint_table功能預設失效。 在需要使用OUTLINE功能的資料庫中確認是否已安裝pg_hint_plan外掛程式，以及外掛程式版本是否大於等於1.4.1。 對於不再使用的OUTLINE，可以使用hint_plan.del_outline函數來刪除目標OUTLINE。在輸入對應的OUTLINE ID後，將刪除相應的OUTLINE。 為該SQL建立OUTLINE，需要注意SQL文本和應用程式的模板要一致。普通的參數、常量、HINT、空格以及注釋不影響匹配，額外的 :: 類型轉換、多指定Table的Schema、改變表名大小寫、改變列名大小寫等將影響匹配，詳細的匹配規則請參見 SQL_ID匹配標準 。To add outline to a word list please sign up or log in. Stop whining! (Words for ‘complain’ and ‘complaint’) ( outline 在 劍橋英語-中文（繁體）詞典 的翻譯 © Cambridge University Press) 這時，反向大綱就像潑您一頭冰水。看到自己列的反向大綱以後，我的第一反應往往是像這樣︰「咦﹗我怎麼會把那些東西放在那裡﹖」、「這些重點順序不對﹗」、「那個資料完全不能用這種方法整理﹗」。 其實，大多數的人在讀過原稿後都能發現這些缺陷，但我們自己卻未必能看出這些缺陷，因為對主題太過熟悉往往使我們產生盲點，即便自己隱隱察覺文章內似乎有哪裡不妥，但光靠這份預感還是不足以破除魔咒讓自己清醒過來。 下面是一個反向大綱的範例，我們先看看它是怎樣運作的。您或許已經知道反向大綱是以一個一個段落為單位的。 對此，您必須找出一個組織的方法，這可不像整理您放襪子的衣櫃那麼簡單，這是一項複雜又勞心的工作。要整理文獻回顧，首先您得對自己的研究有深刻的了解，您也必須熟知相關領域內現有的文獻跟您的研究有什麼關聯。 延續之前我們談過的 反向大綱(reverse outlines) ，這次我想舉幾個利用反向大綱來編寫文獻回顧的例子。 許多人寫文獻回顧時往往缺乏組織，甚至連研究目的都說得不清不楚，而反向大綱恰好是矯正這兩項缺失的好方法。這兩項缺失其實息息相關，不過接下來我打算逐個分開討論。 組織不良對文獻回顧有多大的影響應該是毋須贅言了。數量龐大的參考資料整理起來很困難，是大家經常遇到的問題。 雖然反向大綱不會讓所有的困難點都消失，但是卻能幫您找出論文原稿的不足之處。反向大綱最大的好處，就在於它能把文中會令讀者分心的一些枝微末節都拿掉，把文章的結構清楚呈現在您眼前。 您首先要給每個段落一個流水號，然後問自己幾個最基本的問題︰這個斷落的主題是什麼﹖這個段落裡面有沒有一句話涵蓋它的主題或主題句？整個段落在主題上是否很一致﹖如果您想更進一步去了解反向大綱，請參閱我先前關於反向大綱的專文。 雖然不是每次都這麼糟，不過重要的是反向大綱把我文章的弱點暴露出來，讓我瞭解到筆下的文章還沒有達到預期的效果。 至此您或許已經注意到修改後的反向大綱也處理了文獻回顧常見的第二種缺失，也就是作者們常常沒能交代清楚自己的研究目的。 Chen and Johnson 的研究或許很重要，但讀者們大可以自己去找他們的論文來看。讀者們真正需要聽您說的是既存的文獻如何成為您的研究的背景、基礎、啟發。修改後的反向大綱比舊版本強的地方不僅在於它比較有條理，也在於它讓每一個段落都呼應到作者寫這篇論文的主旨。 Kamler and Thomson 在 Helping Doctoral Students Write 一書中舉出許多象徵性的行為來比擬學生寫文獻回顧時的樣子（pp. 32–34）。我在上寫作課時常常在課上朗誦這些例子，然後問學生們哪一個最符合他們的親身經驗。我個人最喜歡的譬喻是寫文獻回顧就像「把章魚所有的觸角都塞進瓶子裡」。歡迎加入我們，一起打造真正開放的網際網路。透過 Outline，您可以幫助網路受限區域的使用者突破封鎖、暢享網路，重拾數位自由。 人人能輕鬆設定： Outline 十分容易使用，即使沒有專業技術知識，也能輕而易舉地設定與管理 VPN 連線。 將隱私與安全放在首位： Outline 強大的加密功能可以保護使用者的線上活動，確保相關網路流量資料在區域網路或國內網路傳送時保有私密與安全性。 資訊公開，值得信賴： Outline 以開放原始碼為基礎，可體現您對資訊公開的重視，並鞏固使用者對您的信任。在本文中，我們將演示如何使用 Logto 作為 Outline 的 OpenID Connect (OIDC) 身份提供者。