，那該怎麼做呢？ 在 HTML5 尚未問世，還沒有 section tag 時，如果我們要做出像下面這種層級目錄的 outline： 方便的 Outline 檢測網站，可以上傳 HTML 檔案、用 URL，或是直接貼 HTML code 在文字欄位裡，他就會秀出這個 HTML 的大綱，適合在本機測試或不是用 Google Chrome 的朋友。 這個 outline 檢測工具非常好用，只要網站有把結構做出來，他就可以根據你的 HTML tag 秀出網站的大綱。另外如果文章很多懶得爬文，也可以直接點選有興趣的大綱文字，它會自動跳到該段落，有點像書籤的效果。 以部落格文章為例子，我們在寫文章的時候，都習慣用 heading tag 做大標、小標...等等，方便使用者閱讀，而這樣的標記在網頁結構裡，就算是一個大綱。只是我們用顏色區分讓使用者容易閱讀、而對搜尋引擎來說，他就是利用 heading tag 來了解每一段的大綱與章節。 outline 就是我們常說的「大綱」。當搜尋引擎在爬網站文章時，可以根據網站提供的大綱抓出每張網頁的目錄以及重點，每張網頁都可以有自己的一份大綱。 因為兩種都可以，怎麼去撰寫 HTML tag，是根據你網頁的結構而定，因此他沒有標準的答案。我們唯一能做的是把他們的差別搞清楚，也把你網頁的結構搞懂；唯有都清楚了，才能正確的寫出對搜尋引擎友好的語意。 上圖用灰色粗線條一個一個分隔的區塊，就是 section(一個章節、段落的區隔)。而整個一大棟的建築物是 article (獨立完整的文章) 先撇開 W3C 這些落落長的解釋名詞，我們先用常識去判斷甚麼是 section ？透過萬能的谷歌大神可以了解： The

element represents a generic section of a document or application. 今天要跟大家分享的是

標籤，網路上有很多關於

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

比較，可是我看了很多篇都似懂非懂...，所以又跑去看了國外的文件。 HTML5 包含許多新功能與技術，語意只是其中一部分。

標籤常與

作比較。HTML5 語意對 SEO 很重要。 W3C 定義

為文件或應用程式的主題區塊。

用於有意義的章節或段落，通常包含標題。判斷區塊是否為獨立文章或有意義的章節很重要，這需要與網站需求相結合並定義大綱。... HTML5 正夯? 恩，其實夯很久了！而 HTML5 絕對不只有語意那麼簡單罷了，它包含了很多前端的新功能與新技術，語意只是其中的一小小小塊。 從今年開始，我寫的 HTML 會漸漸從 XHTML 的 !DOCTYPE 走向符合 HTML5 的 !DOCTYPE，隨著 HTML5 的規格釋出，語意會是我優先嘗試的部份，從整個網頁結構以及 SEO 來看，語意是 HTML5 的必備基礎知識，所以我們就先從

開始吧！ 如果你曾搜尋過 , ，會發現每個人畫的結構圖都不太一樣。有的跟我提供的示意圖一樣，是用

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

包覆 。 最後，結合 W3C 對 section 的定義，以及透過網路上對 section 名詞的解釋，我將 section 的定義總結如下： 看完這些定義，大家有沒有發現，其實最重要的一點是要去「判斷這些區塊，到底是不是獨立的文章」？或者是「有意義的章節或段落」。而判斷這樣的頁面結構，就是要跟案主做良好的溝通，了解他們網站的需求，並且先將 outline 定義出來 =) 通常會用 heading tag 給 outline 做階層 (可以直接貼到 HTML5 Outliner 檢測 工具看喔)： 但是問題來了，heading tag 除了可以幫助做出層級大綱外，他也代表著每個網頁的重要性，我們習慣設定

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

→

2018年3月， PCMag 的Max Eddy表示，Outline VPN的預覽版本「非常容易使用（ startlingly easy to use ）」以及「消除了與VPN公司相關的隱私問題（ removes privacy concerns associated with VPN companies ）」。然而，Eddy批評該軟體沒有加密 Windows 上的所有流量，並警告用戶「與大型VPN公司相比，個人使用可能缺乏一些匿名性（ individual use may lack some anonymity compared [to] large VPN companies ）」。 [ 10 ] Outline不是一個 匿名 工具，它沒有提供與 Tor 相同程度的匿名保護（ Tor 通過三個 躍點 （ 英語 ： Hop (networking) ） 而不僅僅是一個 路由 流量，並且還可以防止 瀏覽器指紋 識別等攻擊）。 Outline是 自由及開放原始碼軟體 ，根據 Apache許可證 2.0許可，並由Radically Open Security審核，同時也聲稱不會 記錄 用戶的 網絡流量 [ 8 ] [ 9 ] 。Outline Server支持無人值守升級。 Outline使用 Shadowsocks 協議在客戶端和伺服器之間的通信，對流量使用 IETF ChaCha20 流密碼 （ 256位元 密鑰 ） [ 6 ] 進行加密，並使用 IETF Poly1305 身份驗證器進行身份驗證。 [ 7 ] Outline Server不僅可以在私人伺服器中使用，也可以在包括 DigitalOcean 、 Rackspace 、 Google雲端平台 和 Amazon EC2 在等雲服務上安裝使用。 [ 4 ] 安裝時可用 命令行 或 圖形界面 （僅限 DigitalOcean ）。 Outline VPN 是一個 自由及開放原始碼軟體 ，用於在多個 雲服務 上快速部署 Shadowsocks 伺服器 [ 2 ] [ 3 ] 。該軟體還包括多平台的 客戶端 軟體。 Outline是由 Google 創建的 技術孵化器 Jigsaw 開發的。 從版本1.2開始，Outline的 Windows 、 macOS 、 Chrome OS 、 Android 以及 iOS 客戶端界面上出現了'Beta'的字樣，有效地開始加密來自設備的所有流量。( outline 在 劍橋英語-中文（繁體）詞典 的翻譯 © Cambridge University Press) Chilled to the bone or roasting? (The effect that the weather has on us) To add outline to a word list please sign up or log in. 從 https://getoutline.org 下載 Linux、macOS 或 Windows 專用的 Outline Manager。 選擇偏好的雲端服務供應商 (例如 DigitalOcean、Amazon、Google Cloud)；若您有自己的伺服器，則可以點選「隨時隨地設定 Outline」。有關於 Office VBA 或這份文件的問題或意見反應嗎？ 如需取得支援服務並提供意見反應的相關指導，請參閱 Office VBA 支援與意見反應 。 Outline 系列跑步運動鞋具有簡潔而現代的美感，適合經典和運動服裝。超輕跑步「Vibram」鞋底：靈活並確保對潮濕表面的抓地力。 訂閱Bally時尚資訊，即表示本人同意根據 《隱私政策》 從Bally接收有關優惠、促銷、服務、產品或活動的資訊。本人知悉，有權隨時撤回同意，並可以通過我們的每封電子郵件底部的連結或隱私政策中提供的聯繫信息，取消訂閱。