iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0
自我挑戰組

給自己學習30天重新認識css系列 第 11

meta標籤及link標籤-常用語法

  • 分享至 

  • xImage
  •  

meta用來描述文件的資訊內容,透過meta標籤設定網頁中不同的類型資訊以及link標籤設定網頁樣式嵌入。

要切記<meta>標籤及<link>要放在<head>裡面

認識基本的meta

<head>
  <meta charset="utf-8">
  <meta name="description" content="Free Web Tutorial">
  <meta name="keywords" content="HTML,CSS,JavaScript">
  <meta name="author" content="Mike">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

認識meta的type屬性

charset設定網頁編碼的格式,早期網頁都是big-5,後來統一改成國際碼utf-8格式
description設定網頁的說明。
keywords設定網頁關鍵字優化SEO搜尋引擎,這必須設定的其中一個。
author設定作者的說明。
viewport設定rwd一定要加的一行,如沒加rwd會不太正常。

認識基本的link標籤

    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

認識link的type屬性

type設定格式為text/css及image/x-icon
rel外嵌一個style.css樣式也可以導入icon


上一篇
html5 語意化標籤-基礎語法
下一篇
table表格標籤-基礎語法
系列文
給自己學習30天重新認識css16
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言