iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
Modern Web

轉生成感性腦初學網頁的文組大小姐系列 第 11

DAY11:HTML學習筆記-實作、meta

  • 分享至 

  • xImage
  •  

今日進度

HTML5‧CSS3 最強圖解實戰講座的Lesson1、2

學習筆記

看完w3s再來看中文書,感覺有比較好吸收,之前翻開這本書時還整個霧煞煞,像在看天書一樣XD
也補了一些因為只看英文資料而沒有完全了解的東西,重新理解HTML的中文用詞。
這本書有附教學光碟,裡面是練習檔案,跟著Lesson2實作了一些
https://ithelp.ithome.com.tw/upload/images/20200911/20129893ScyicD4fky.png
https://ithelp.ithome.com.tw/upload/images/20200911/20129893BTEYn8BG7Y.png

今日新知:

  • meta元素:用來記述文字編碼、內容概要、關鍵字,不會顯示在瀏覽器
    • < meta charset="UTF-8" > :文字編碼,現在幾乎都是用UTF-8
    • < meta name="keywords" content="OOO,OOO">:提供搜尋引擎相關資訊
    • < meta name="description" content="OOOO">:搜尋結果會顯示的內容概要
  • HTML文件是一層一層的巢狀元素組成,很像一層一層的俄羅斯娃娃XD

心得

念到meta時想說如果要提升網頁點擊率,是不是就變成要在meta做一大堆的keywords呢?
結果上網一查,發現Google早就因為要避免讓跟關鍵字無關的垃圾網頁出現,已經無視keywords了,做一堆keywords還可能會被認定為垃圾網頁(純謠言未證實),現在是會抓description跟title的資訊,所以寫清楚title和description很重要/images/emoticon/emoticon34.gif

初學者學習日誌,文章內容若有打錯歡迎直接糾正我,謝謝大家><


上一篇
DAY10:HTML學習筆記-編輯器
下一篇
DAY12:HTML學習筆記-實作、List
系列文
轉生成感性腦初學網頁的文組大小姐30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言