網頁的頭部都裝點什麼

時間 2020-02-05

標籤網頁頭部裝點什麼欄目 HTML 简体版

原文原文鏈接

一.網頁的基本組成

<!DOCTYPE html>
<html>
<head>
    <title>這是標題</title>
    <meta charset="utf-8">
    <meta name="author"  content="做者xxx">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>

</body>
</html>

二.網頁的頭部組成

網頁的頭部通常首先都應該有標題:javascript

<title>這是一個標題</title>

標題通常都是瀏覽器打開網頁時中的欄目主題html

第二個參數就是網頁的編碼:前端

<meta charset="UTF-8">

charset參數就是編碼格式,UTF-8國際通用java

三.meta參數name

其中<meta>標籤除了有charset屬性,還有name和http-equivweb

name(參數)： 編程

author
description
keywords
robots
renderer
viewport
generator
copyright
revisit-after

author

<meta name="author" content="這裏是做者信息,包括姓名或者聯繫方式">          <!--做者及其信息-->

description

<meta name="description" content="經過寫代碼,學習編程,向企業級邁進">  <!--網站內容及其描述-->

keywords

<meta name="keywords" content="學習,H5,前端，網頁,企業,代碼">         <!--關鍵字-->

robots

<meta name="robots" content="none">                            <!--機器人搜索模式-->

robots的content內容就沒有那麼隨意,不隨意必然會固定參數,那麼都有什麼呢?瀏覽器

 信息參數爲all：文件將被檢索，且頁面上的連接能夠被查詢；
 信息參數爲none：    
 信息參數爲index：文件將被檢索；
 信息參數爲follow：頁面上的連接能夠被查詢；
 信息參數爲noindex：文件將不被檢索，但頁面上的連接能夠被查詢；
 信息參數爲nofollow：文件將被檢索，但頁面上的連接不能夠被查詢；

renderer

 <meta name="renderer" content="webkit">     <!--告訴瀏覽器你的渲染模式-->

viewport

<meta name="viewport" content="width=device-width,initial-scale=1"/>      <!--視圖模式-->

generator

<meta name="generator" content="sublime"/>          <!--meta標籤的generator的信息參數，表明說明網站的採用的什麼軟件製做。-->

copyright

 <meta name="copyright" CONTENT="版權信息">       <!--meta標籤的COPYRIGHT的信息參數，表明說明網站版權信息。-->

revisit-after

<meta name="revisit-after" CONTENT="7days">      <!--revisit-after表明網站重訪,7days表明7天，依此類推。-->

四.meta參數http-equiv

name(參數):緩存

X-UA-Compatible
expires
Pragma
Refresh
Set-Cookie
Window-target
content-Type
Content-Language
Content-Script-Type
imagetoolbar

X-UA-Compatible

<meta http-equiv="X-UA-Compatible" content="IE=edge">      <!--瀏覽模式-->

expires

    <meta http-equiv="expires"content="Fri,01Jan201618:18:18GMT">     <!--說明：能夠用於設定網頁的到期時間。一旦網頁過時，必須到服務器上從新傳輸。-->

Pragma

 <meta http-equiv="Pragma" content="no-cache">       <!--說明：禁止瀏覽器從本地計算機的緩存中訪問頁面內容。-->

Refresh

<meta http-equiv="Refresh" content="2;URL=http://www.baidu.com">   <!--說明：自動刷新並指向新頁面。-->

Set-Cookie

<meta http-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">    <!--說明：若是網頁過時，那麼存盤的cookie將被刪除。-->

Window-target

<meta http-equiv="Window-target" content="_blank">      <!--說明：強制頁面在當前窗口以獨立頁面顯示。-->

content-Type

<meta http-equiv="content-Type" content="text/html;charset=gb2312">          <!--說明：設定頁面使用的字符集。-->

Content-Language

<meta http-equiv="Content-Language" content="zh-cn"/>

Content-Script-Type

<Meta http-equiv="Content-Script-Type" Content="text/javascript">        <!--W3C網頁規範，指明頁面中腳本的類型。-->

imagetoolbar

<meta http-equiv="imagetoolbar" content="false"/>         <!--指定是否顯示圖片工具欄，當爲false表明不顯示，當爲true表明顯示。-->

相關文章

相關標籤/搜索

網站品質教程

網站建設指南

網站主機教程

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<