對
OUTLINE翻譯:外形, 輪廓,略圖,外形, 大綱, 大綱,概要,提要, 勾勒, 勾勒,描畫…的輪廓, 概括, 略述,概括。了解更多。將隱私與安全放在首位:Outline 強大的加密功能可以保護使用者的線上活動,確保相關網路流量資料在區域網路或國內網路傳送時保有私密與安全性。 人人能輕鬆 ...因為兩種都可以,怎麼去撰寫HTML tag,是根據你網頁的結構而定,因此他沒有標準的答案。我們唯一能做的是把他們的差別搞清楚,也把你網頁的結構搞懂;唯有都清楚了,才能正確的寫 ...Outline 睡衣系列以高品質和舒適為設計理念,專注於觸感、原創性和對細節的關注。 ... Outline 睡衣採用100% 有機棉製成,觸感柔軟絲滑,是對日常用品的精緻詮釋。為探究各種系統化設計行為中的邏輯推理形式,教導面對不同層次的設計問題時的可運用的思考結構與執行方法,並提高設計成功的機率。 傳統的系統化設計方法課程的實行源 ...會顯示大綱的指定列層次數目和/或欄層次數目。 語法. 運算式。ShowLevels (RowLevels、 ColumnLevels). 表達代表Outline 物件的變數。 參數. 名稱 ...大量翻译例句关于"I would like to outline" – 英中词典以及8百万条中文译文例句搜索。IN OUTLINE翻譯:輪廓。了解更多。Outline 可協助使用者繞過限制,順利存取開放網際網路。想瞭解這項服務的運作方式,請先掌握以下重要概念:. 服務供應商與使用者. Outline 系統涉及兩個 ...那麼,如果我們同時要滿足大綱的「重要性」以及「階層性」,該怎麼做呢?所以 W3C 幫我們定義了這個新的 HTML 標籤:
在 HTML5 以前,這個問題無解。因為即使你用
包覆的很漂亮,或是做了很棒了縮排,但是對網頁標準來說, 沒有任何的意思(無語意),他只是一個用來做排版的容器罷了。
在 HTML5 尚未問世,還沒有 section tag 時,如果我們要做出像下面這種層級目錄的 outline:
方便的 Outline 檢測網站,可以上傳 HTML 檔案、用 URL,或是直接貼 HTML code 在文字欄位裡,他就會秀出這個 HTML 的大綱,適合在本機測試或不是用 Google Chrome 的朋友。
這個 outline 檢測工具非常好用,只要網站有把結構做出來,他就可以根據你的 HTML tag 秀出網站的大綱。另外如果文章很多懶得爬文,也可以直接點選有興趣的大綱文字,它會自動跳到該段落,有點像書籤的效果。
outline 就是我們常說的「大綱」。當搜尋引擎在爬網站文章時,可以根據網站提供的大綱抓出每張網頁的目錄以及重點,每張網頁都可以有自己的一份大綱。
上圖用灰色粗線條一個一個分隔的區塊,就是 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 ?透過萬能的谷歌大神可以了解:
如果你曾搜尋過 , ,會發現每個人畫的結構圖都不太一樣。有的跟我提供的示意圖一樣,是用 包覆 ;但有的剛好相反,是用 包覆 。
因為兩種都可以,怎麼去撰寫 HTML tag,是根據你網頁的結構而定,因此他沒有標準的答案。我們唯一能做的是把他們的差別搞清楚,也把你網頁的結構搞懂;唯有都清楚了,才能正確的寫出對搜尋引擎友好的語意。
最後,結合 W3C 對 section 的定義,以及透過網路上對 section 名詞的解釋,我將 section 的定義總結如下:
看完這些定義,大家有沒有發現,其實最重要的一點是要去「判斷這些區塊,到底是不是獨立的文章」?或者是「有意義的章節或段落」。而判斷這樣的頁面結構,就是要跟案主做良好的溝通,了解他們網站的需求,並且先將 outline 定義出來 =)
以部落格文章為例子,我們在寫文章的時候,都習慣用 heading tag 做大標、小標...等等,方便使用者閱讀,而這樣的標記在網頁結構裡,就算是一個大綱。只是我們用顏色區分讓使用者容易閱讀、而對搜尋引擎來說,他就是利用 heading tag 來了解每一段的大綱與章節。
通常會用 heading tag 給 outline 做階層 (可以直接貼到 HTML5 Outliner 檢測 工具看喔):
但是問題來了,heading tag 除了可以幫助做出層級大綱外,他也代表著每個網頁的重要性,我們習慣設定