iT邦幫忙

2022 iThome 鐵人賽

DAY 21
0
Modern Web

簡單的python筆記系列 第 21

[Day 21] HTML 標籤

  • 分享至 

  • xImage
  •  

head裡面常用標籤

head

head標籤是當作一個容器,裡面包含著不同用途的HTML tags,而這些 tag的內容通常不會被顯示在頁面上。

僅用來說明關於該網頁的元資訊(metadata),類似指定網頁的標題,或像是指定該網頁所使用的編碼等。

被包含在head裡面的標籤有這些:

title:網頁名稱
meta:網頁 metadata
style:CSS 樣式
link:CSS 樣式表
script:JavaScript 程式碼
noscript:網頁不支援 JavaScript 時的處理
base:base UR

meta(網頁)

<meta> :網頁 metadata

HTML meta tag的功能是用來提供網頁資訊給瀏覽器、搜尋引擎了解,也就是說meta tag的內容並不會直接顯示在網頁上,meta tag通常用於指定頁面描述、關鍵字、作者等等的資訊。

charset 用來指定網頁內容是用什麼編碼 (character set),現在大多數的網頁編碼都是 UTF-8。

<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="10">
</head>

第一組的意思是網頁編碼為萬國碼UTF-8
第二組的意思則是隔10秒自動更新

title(網頁名稱)

HTML 網頁中一定有一個(只會有一個)title標籤 (tag)。

title是用來描述網頁的標題(網頁名稱)。

網頁標題通常會在:

  • 顯示在瀏覽器的書籤 (favorites, bookmarks)
  • 顯示在瀏覽器的頁籤上 (tab, toolbar)
  • 顯示在搜尋引擎的網頁搜尋結果中

link

用來控制網頁與外部資源的關係。

最常見應用就是導入 css 檔案,所有主流的瀏覽器都支援HTML <link>標籤,尤其是支援透過<link>標籤嵌入css檔案。

但link標籤的其他功能不一定受到所有瀏覽器(browser)的支援。


那麼今天就先到這理吧~
感謝各位觀看

下集預告:


上一篇
[Day 20] DOCTYPE
下一篇
[Day 22] HTML 標籤2
系列文
簡單的python筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言