前端 > 初窺門徑 > HTML Day4 - <head>可以放什麼? - 好康爆報

前端 > 初窺門徑 > HTML Day4 - 可以放什麼?

閱讀數: 12

字體大小設置: 16px

1-1 <head>是什麼

  • HTML網頁中一定有一個(也只會有一個)<head>標籤,<head>是接在<html>下面的第一個標籤,而在<body>起始標籤前面結束。
  • <head>標籤作用上是當作一個容器,裡面包含著不同用途的 HTML tags,而這些 tag 的內容通常不會被顯示在頁面上,僅用來說明關於該網頁的元資訊 (metadata),像是指定網頁的標題,或像是指定該網頁所使用的編碼等。
  • <head>中的內容通常是用來聲明頁面的名稱、標題、關鍵字與一些meta元素…等,主要不是給人看得,而是給機器運作與搜尋所使用,所以<head>中的資料不會顯示在頁面中

1-2 <head>能放什麼

  • <title>放網頁的名稱</title>

前端 > 初窺門徑 > HTML Day4 - <head>

  • <style>放網頁上的CSS</style>

前端 > 初窺門徑 > HTML Day4 - <head>

  • <base href="主要作用可以設定「相對路徑的跟目錄」"   target="_blank">

前端 > 初窺門徑 > HTML Day4 - <head>

  • <link rel="stylesheet"   type="text/css"  href="定義目前文件和外部資源之間的關係,通常放CSS的路徑">

前端 > 初窺門徑 > HTML Day4 - <head>

  • <meta name="keywords" content="用來放置網站的搜尋關鍵字">
  • <meta name="description" content="用來描寫網站的簡述說明">
  • <meta name="author" content="用來定義頁面的作者">
  • <meta http-equiv=""refresh    content="用來定義每幾秒刷新一次文件">
  • <meta name="viewport" content="width=device-width, initial-scale=1.0"> 設定視窗以使您的網站在所有裝置上看起來都不錯
  • <meta charset="用來告訴瀏覽器網頁的編碼方式">

關於meta的好處可以參考:https://welly.tw/serp-rank-optimization/what-is-meta-title-and-description

  • <script type="text/javascript" src="放網頁上的JavaScript的路徑"></script>

前端 > 初窺門徑 > HTML Day4 - <head>

  • <noscript>當網頁上不支援JavaScript時,顯示的文字</noscript>

前端 > 初窺門徑 > HTML Day4 - <head>

<head></head>功能感覺就是在呈現這個網頁的內涵

恭喜您,您已經大致上了解什麼是HTML的<head></head>功能了!

 

參考資料:

https://www.w3schools.com/tags/tag_head.asp

https://welly.tw/serp-rank-optimization/what-is-meta-title-and-description

https://blog.csdn.net/weixin_45525272/article/details/113867142

上一篇: 《黛西‧瓊斯與六人組》試讀心得 下一篇: 【台南中西區住宿】小南天生活輕旅|高CP值小資住宿推薦。近美術館/林百貨/赤崁樓/國華街

網站公告好康分享:

註冊成為本網站會員後,點選網站分享到LINE上可以獲得好康積分!

好康爆報網站積分能做甚麼?

  • 積分比例1:1,1積分=1元新台幣
  • 得到好康積分後,再去校友會商城註冊成為會員,並加網站管理員的LINE ID說要將好康積分兌換成校友會商城積分,就可以用商城積分去折抵購物,讓買東西變得更便宜哦!
  • 妳需要做的只需要告知網站管理員妳在好康爆爆的暱稱以及校友會商城的會員名稱即可.

網站管理員LINE ID:eric810108