整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML head頭部

          以為頭部區域填加的元素標簽有<title><style><meta><link><script><noscript><base>

          定義HTML文檔的標題

          <base>定義了所有鏈接的URL

          <title>元素

          定義不同文檔的標題

          在HTML中,是必須填寫

          定義了瀏覽器工具欄的標題,

          當網頁添加收藏夾時,顯示在收藏夾中的標題

          顯示搜索引擎結果頁面的標題

          <link>元素

          標簽定義了文檔與外部資源之間的關系

          標簽通常用于鏈接到樣式表

          <head>

          <link rel="stylesheet" type="text/css" href="mystyle.css">

          </head>

          <base>

          標簽描述了基本的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有鏈接標簽的默認鏈接

          <head>

          <base target="_blank">

          </head>

          <style>

          標簽定義了HTML文檔樣式文件引用地址

          也可以直接添加樣式渲染HTML文檔

          <meta>

          描述一些基本的元數據

          提供了元數據;元數據也不顯示在頁面上,但會被瀏覽器解析

          META元素通常用于指定網頁的描述、關鍵詞、文檔的最后修改時間,作者和其它元數據

          元數據可以使用于瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其它web服務;

          <meta>一般放置于<head>區域

          HTML<script>元素

          用于加載腳本文件,如JAVASCRIPT

          TML <head> 元素

          <head> 元素是所有頭部元素的容器。<head> 內的元素可包含腳本,指示瀏覽器在何處可以找到樣式表,提供元信息,等等。

          以下標簽都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

          HTML基礎教程: 頭部元素

          管現代Web開發更加依賴于各種MVC框架,但是開發者仍然需要對HTML和DOM有基本的了解。然而,即使對有多年經驗的前端開發人員來說,也會遇到一些不知道的情況。

          HTML頭部元素描述

          HTML<head>元素用作元數據(關于數據的數據)的容器。它用在<html>標簽和<body>標簽之間。

          HTML文檔的頭部內容在頁面加載時不會顯示在瀏覽器中。它僅包含有關HTML文檔的元數據。

          元數據定義HTML文檔的標題,字符集,樣式,鏈接,腳本和其他元信息。

          HTML頭部可以包含很多元數據信息,也可以很少或沒有信息,這取決于我們的需求。但是頭部對HTML文檔至關重要。

          HTML<head>元素

          <head>元素包含了所有的頭部標簽元素。在<head>元素中你可以插入腳本(scripts),樣式文件(CSS),及各種meta信息。

          可以添加在頭部區域的元素標簽為:<title>,<style>,<meta>,<link>,<script>,<noscript>和<base>。

          HTML<title>元素

          HTML<title>元素用于定義文檔的標題。它在所有HTML/XHTML文檔中使用。<title>元素必須放在<head>元素之間,并且一個文檔只能有一個title元素。

          <title>元素作用

          它定義了瀏覽器選項卡中的標題。

          當用戶將頁面添加到收藏夾時,它為頁面提供標題。

          它在搜索引擎結果中顯示頁面的標題。

          示例代碼

          <!DOCTYPE html>
          <html>
              <head>
                  <meta charset="utf-8">
                  <title>文檔標題</title>
              </head>
              <body>文檔內容......</body>
          </html>12345678復制代碼類型:[html]

          HTML<base>元素

          <base>標簽描述了基本的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接:

          <head>
          <base href="http://www.runoon.com/images/" target="_blank">
          </head>123復制代碼類型:[html]

          HTML<link>元素

          HTML<link>元素用于將外部樣式表鏈接到您的網頁。<link>元素包含兩個主要屬性,即“rel”和“href”。rel屬性表示它是一個樣式表,href給出該外部文件的路徑。

          <head>
          <link rel="stylesheet" type="text/css" href="mystyle.css">
          </head>123復制代碼類型:[html]

          HTML<style>元素

          HTML<style>元素用于為HTML頁面設置樣式。<style>元素只影響當前頁面HTML頁面的CSS屬性。如果要對多個頁面應用CSS,則應使用單獨的CSS文件。

          <head>
              <style type="text/css">body {background-color:yellow} p {color:blue}</style>
          </head>123復制代碼類型:[html]

          HTML<meta>元素

          HTML<meta>元素用于指定網頁上的字符集,頁面描述,關鍵字,作者和其他元數據。

          搜索引擎和其他Web服務使用元數據來更好地對網頁進行排名。

          <meta>標簽提供的元數據不顯示在頁面上,但會被瀏覽器解析。

          <meta>一般放置于<head>區域。

          <meta>標簽定義字符集:

          <meta charset="UTF-8">  1復制代碼類型:[html]

          charset屬性指定字符編碼。在此示例中,我們將其設置為“UTF-8”,這意味著它可以顯示任何語言。

          <meta>標簽定義搜索引擎關鍵詞:

          <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">1復制代碼類型:[html]

          <meta>標簽定義網頁描述內容:

          <meta name="description" content="免費 Web & 編程 教程">1復制代碼類型:[html]

          <meta>標簽定義網頁作者:

          <meta name="author" content="Runoon">1復制代碼類型:[html]

          <meta>標簽定義每30秒鐘刷新頁面:

          <meta http-equiv="refresh" content="30">1復制代碼類型:[html]

          元刷新用于向瀏覽器提供指令,以在給定的時間間隔后自動刷新頁面。如上例所示,它將在30秒后自動刷新。

          <meta http-equiv="refresh" content="10; url=https://www.javatpoint.com/html>1復制代碼類型:[html]

          如果添加了URL,則在指定時間結束后重定向到該頁面。

          <meta>標簽定義設備尺寸

          HTML5中引入了此方法,以通過使用<meta>標簽來控制視窗大小。視窗是用戶在網頁上的可見區域。它隨設備的不同而變化,在手機上的顯示尺寸明顯小于計算機屏幕。

          <meta name="viewport" content="width=device-width, initial-scale=1.0">  1復制代碼類型:[html]

          <meta>視窗元素如何設定和控制頁面的尺寸和縮放比例。

          width=device-width是用來設置頁面的寬度將與設備的屏幕寬度保持一致。

          當最初由瀏覽器加載頁面時,initial-scale=1.0用于設置初始縮放級別。

          HTML<script>元素

          <script>標簽用于加載腳本文件,如:JavaScript。

          <script>元素在以后的章節中會詳細描述。

          HTMLhead元素

          標簽

          描述

          <head>

          定義了文檔的信息

          <title>

          定義了文檔的標題

          <base>

          定義了頁面鏈接標簽的默認鏈接地址

          <link>

          定義了一個文檔和外部資源之間的關系

          <meta>

          定義了HTML文檔中的元數據

          <script>

          定義了客戶端的腳本文件

          <style>

          定義了HTML文檔的樣式文件

          「鏈接」


          主站蜘蛛池模板: 亚洲一区二区影院| 亚洲线精品一区二区三区影音先锋 | 国产一区二区三区精品久久呦| 亚洲成AV人片一区二区| 一区二区三区伦理高清| 一区二区视频在线免费观看| 一区二区三区在线观看视频| 亚洲福利视频一区二区| 亚洲国产精品自在线一区二区| 久久人做人爽一区二区三区| 国模极品一区二区三区| 久久se精品一区精品二区国产| 精品亚洲综合在线第一区| 国产成人精品日本亚洲专一区 | 色一情一乱一伦一区二区三欧美| 亚洲国产AV无码一区二区三区| 日本无卡码免费一区二区三区| 亚洲国产成人久久一区久久| 久久一区二区精品综合| 无码人妻精品一区二区三区蜜桃| 日韩精品一区在线| 亚洲韩国精品无码一区二区三区| 久久人做人爽一区二区三区| 亚洲国产综合精品一区在线播放| 亚洲一区二区影院| 国产另类ts人妖一区二区三区| 日韩精品一区二区三区老鸭窝| 精品人妻少妇一区二区三区在线| 精品国产乱子伦一区二区三区| 国产一区二区精品久久91| 亚洲午夜电影一区二区三区| 国产一区二区精品久久凹凸| 精品人妻无码一区二区三区蜜桃一 | 国产成人综合精品一区| 奇米精品视频一区二区三区| 精品国产免费一区二区三区 | 一区一区三区产品乱码| 人妻体内射精一区二区三区 | 国模视频一区二区| 国产精品日韩欧美一区二区三区| 精品一区二区三区东京热 |