html中的head標籤在哪裡找?head標籤的作用總結

來源:互聯網
上載者:User
本篇文章主要的介紹了關於HTML中的head標籤的作用及元素介紹,還說明了HTML中的head標籤在哪裡能查看到,接下來就讓我們一起來看文章吧

首先我們先瞭解HTML中的head標籤在哪裡找?

head標籤一般都是寫在HTML檔案的上方,不會顯示到瀏覽器上去,所以要找head標籤的裡面的檔案,要麼去源檔案中去查,要麼找到那個HTML檔案,用軟體開啟在裡面看。

現在我們看看HTML中的head標籤的作用是什嗎?

HTML命令可以解說文字、圖形、動畫、聲音、表格、連結等。HTML的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的資訊,而主體則包含所要說明的具體內容。

基本HTML頁面以<html>標籤開始,以</html>結束。在它們之間,整個頁面有兩部分--標題和本文。

標題詞--夾在<head>和</head>標籤之間--這個詞語在開啟頁面時出現在螢幕底部最小化的視窗。本文則夾在<body>和</body>之間--即所有頁面的內容所在。頁面上顯示的任何東西都包含在這兩個標籤之中。

那麼讓我們建立一個簡單的範例吧,非常容易的。第一步,當然是要建立一個新的文字檔(記住,如果你在使用比較複雜的文文書處理器,就應該用“純文字”或“普通文本”來儲存),將它命名為“xxxx.html”。(隨便你起一個什麼名字,但記住,要用英文)

然後你可以用瀏覽器將它開啟,你會看見最簡單的自己做的頁面。

<head>標籤內主要包含以下幾種類型的元素:(head標籤內的元素介紹)

1.<title>:規定網頁的標題。

2.<meta>:主要給瀏覽器解析或者搜尋引擎提供相關資訊。

3.<link>:從外部引入CSS檔案。

4.<style>:內部定義CSS代碼。

5.<script>:從外部引入js檔案或者直接定義js代碼。

6.<base>:為當前文檔的所有連結設定基準連結。

HTML頭部分的標籤、元素有很多,涉及到瀏覽器對網頁的渲染,SEO 等等,而各個瀏覽器核心以及各個國內瀏覽器廠商都有些自己的標籤元素,這就造成了很多差異性。

移動互連網時代,head 頭部結構,移動端的 meta 元素,顯得更為重要。瞭解每個標籤的意義,寫出滿足自己需求的 head 頭標籤,是本文的目的。本篇以一絲的文章為基礎,進行擴充總結介紹常用的 head 中各個標籤、元素的意義以及使用情境。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.