標籤裏有什麼?

時間 2019-12-04

標籤標籤什麼简体版

原文原文鏈接

主要包含了頁面是元數據css

<head>
  <meta charset="utf-8">
  <title>My test page</title>
</head>
複製代碼

title和h1的區別：

h1 會加載顯示在頁面中html

title 是用來表示整個html文檔大體內容的元數據瀏覽器

元數據 `<meta>`

在 head 中能夠出現任意多個 meta 標籤。通常的 meta 標籤由 name 和 content 兩個屬性來定義。name 表示元信息的名，content 則用於表示元信息的值。安全

元數據就是描述數據的數據，而HTML有一個「官方的」方式來爲一個文檔添加元數據—— 元素。app

charset 指定了文檔的字符編碼 <meta charset="utf-8">
name 指定了meta 元素的類型；說明該元素包含了什麼類型的信息。<meta name="author" content="Chris Mills">
content 指定了實際的元數據內容。
description也被使用在搜索引擎顯示的結果頁中

<meta name="description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS.">
複製代碼

利用meta標籤對viewport進行控制

一個典型的針對移動端優化的站點包含相似下面的內容：編輯器

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
複製代碼

viewport主要有如下屬性ide

屬性	說明
width	頁面具體寬度，能夠取具體數值
height	頁面高度，能夠取值具體的數字
initial-scale	初始縮放比例。
minimum-scale	最小縮放比例
maximum-scale	最大縮放比例
user-scalable	是否容許用戶縮放

自定義圖標

將其保存在與網站的索引頁面相同的目錄中，以.ico格式保存（大多數瀏覽器將支持更通用的格式，如.gif或.png，但使用ICO格式將確保它能在如Internet Explorer 6同樣久遠的瀏覽器顯示） <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">