2018年12月20日 星期四

[Back To Basic] HTML5 - Head

<head></head>中會放入的資訊

  • <title></title> 共有三種作用
    • 瀏覽器頁籤的文字
    • "加到我的最愛時"的文字
    • 搜尋引擎搜尋出結果時的標題
  • <style></style> 定義單一個頁面的樣式
  • <link></link> 定義外部的連結(javascript, css, 等等)
  • <script></script> 加入client端的腳本(javascript)
  • <meta> 用來指定以下四種情況(如何顯示頁面、關鍵字及其他web服務)
    • 使用的字元集
    • 頁面描述
    • 作者
    • 關鍵字
    • 其他中繼資料
<meta charset="UTF-8">
<meta name="description" content="practice web">
<meta name="keywords" content="HTML5">
<meta name="author" content="Shawn">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
HTML5提供了viewport的方法,目的是"讓web開發人員"控制視窗(隨著裝置的螢幕解析度大小)
  1. width=device-width 隨著裝置的寬度設定寬度
  2.  initial-scale=1.0 當頁面第一次載入時,頁面縮放的比例
每個頁面強烈建議都要加上這一個中繼資料的設定
  • <base> 設定整個頁面連結預設的href、預設的target
附註: <meta http-equiv="refresh" content="30"> 這種寫法的延伸閱讀
http://www.wibibi.com/info.php?tid=416

沒有留言:

張貼留言