[問題] meta的用途在哪裡?

看板Web_Design作者 (雪姬)時間11年前 (2013/07/13 13:17), 編輯推噓4(4010)
留言14則, 7人參與, 最新討論串1/1
我買的書上面寫的我看沒有很了解 然後到W3school看也沒有很明白 我的書上面是寫說 meta元素為head元素的子元素,且只能放置於head標籤內容中 meta元素主要用來附加文件的額外資訊,外資訊的內容由name與content 屬性來決定。 摘自 -《HTML5 CSS3 精緻範例辭典》楊東昱 著 如果只是定義額外的資訊,那這些定義會啟動什麼開關,例如產生什麼效 果嗎?我指的效果,是例如<table>會變成表格,或是<em>會讓文字產生 變化、div會自成一區塊…之類的 然後我在w3school看到的說明則是 Metadata is data (information) about data. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. from: http://www.w3schools.com/tags/tag_meta.asp 我在想為網頁加上一些註解,用 <!-- -->不就好了嗎, 所以meta元素會產生一些功用? 這邊寫的 ... but will be machine parsable... 的意思我不太了解,parsable這個單字我查不到orz 然後第三段寫的也不太清楚,它可以幫助瀏覽器展現內容, 一般寫得好好的網頁會有什麼需要meta呢? 目前只知道可以加個<meta charset="utf-8"> 另外,它可以幫網頁定義關鍵字,讓搜尋引擎可以找到? 那是指如果我設了一大堆的關鍵字,搜尋引擎就比較會找到我的網頁嗎? 我看我買的書還有寫這些 <meta name="keywords" content="HTML,XHTML,meta"> <meta name="description" content="meta元素的應用"> <meta name="author" content="楊東昱"> 摘自 -《HTML5 CSS3 精緻範例辭典》楊東昱 著 而我到其它網頁看它的原始碼,好像幾乎都會有meta? 然後最近看了一個外包案的合約範例,上面寫說 ----------------------------------------------------------- 第一條: 製作標的物 標的物名稱:我要紅娘 中文網站﹝以下稱本案) 使用環境:要同時適用 Netscape跟 IE兩種瀏覽器 必要條件: 1. 每頁需有title、meta、text。 2. 由甲方所提供的相關本案的資料來製作 3. 網頁中的圖檔不可太大,檔名要清楚 ----------------------------------------------------------- 取自Jcase工作外包平台之合約範本 所以一般大家做網頁前面一定都有meta定義除了utf-8以外的東西嗎? 另外它寫的text我就不太懂了,是指<p>嗎 新手剛入門,懇請大家多多指點,感激感激~~ -- ※ 編輯: SheueJi 來自: 1.171.184.72 (07/13 13:27)

07/13 13:25, , 1F
meta 不是給人看的
07/13 13:25, 1F

07/13 13:26, , 2F
viewport
07/13 13:26, 2F

07/13 13:28, , 3F

07/13 14:29, , 4F
推一樓
07/13 14:29, 4F

07/13 15:12, , 5F
meta有很多用途,現在最常用的是給Facebook看網頁資訊
07/13 15:12, 5F

07/13 15:13, , 6F
還有iOS Safari決定縮放的方式也是看特定的meta tag
07/13 15:13, 6F

07/13 15:13, , 7F
所謂machine parsable指的是你寫的東西程式看得懂
07/13 15:13, 7F

07/13 15:38, , 8F
還有google搜尋的摘要 搜尋引擎對你的網頁的評價
07/13 15:38, 8F

07/13 15:38, , 9F
也就是SEO
07/13 15:38, 9F

07/13 16:42, , 10F
如果有 http-equiv 的話則是類似於追加 HTTP header 的效果
07/13 16:42, 10F

07/13 16:44, , 11F
這些東西有個名詞叫 meta-data (元資料)(也是 tag 名的由來)
07/13 16:44, 11F

07/13 16:45, , 12F
可以把它們理解為描述這個網頁資料的資料
07/13 16:45, 12F

07/13 19:04, , 13F
google現在不看meta的樣子....yahoo才會看...
07/13 19:04, 13F

07/13 19:05, , 14F
meta最重要的 的確就是訂義編碼
07/13 19:05, 14F
文章代碼(AID): #1HuEBYzX (Web_Design)