HTML系列(二):頭部meta元素

来源:http://www.cnblogs.com/csxiaoyu/archive/2016/02/29/5229274.html
-Advertisement-
Play Games

有關name: 一、頁面關鍵字 網站關鍵字:用戶通過搜索引擎能搜到該網站的辭彙。最好控制在10個以內。 基本語法: <meta name="keywords" content="具體的關鍵字"> 示例代碼: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta ch


 有關name:

一、頁面關鍵字

網站關鍵字:用戶通過搜索引擎能搜到該網站的辭彙。最好控制在10個以內。

基本語法:

<meta name="keywords" content="具體的關鍵字">

示例代碼:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="GBK">
 5     <title>阿裡旅行·去啊:機票預訂,酒店查詢,客棧民宿,旅游度假,門票簽證</title>
 6     <meta name="keywords" content="機票,機票預訂,飛機票查詢,航班查詢,酒店預訂,特價酒店,酒店團購,特色客棧,旅游度假,門票,簽證,臺灣通行證,旅游,旅行,自由行線路,阿裡旅行,去啊">
 7 </head>
 8 <body>
 9 </body>
10 </html>

 

二、頁面描述

基本語法:

<meta name="description" content="具體的頁面描述">

示例代碼:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="GBK">
 5     <title>阿裡旅行·去啊:機票預訂,酒店查詢,客棧民宿,旅游度假,門票簽證</title>
 6     <meta name="description" content="阿裡旅行·去啊是阿裡巴巴旗下的綜合性旅游出行服務平臺。阿裡旅行·去啊整合數千家機票代理商、航空公司、旅行社、旅行代理商資源,直簽酒店,客棧賣家等為廣大旅游者提供特價機票,酒店預訂,客棧查詢,國內外度假信息,門票購買,簽證代理,旅游卡券,租車,郵輪等旅游產品的信息搜索,購買及售後服務。全程採用支付寶擔保交易,安全、可靠、有保證。"/>
 7     <meta name="keywords" content="機票,機票預訂,飛機票查詢,航班查詢,酒店預訂,特價酒店,酒店團購,特色客棧,旅游度假,門票,簽證,臺灣通行證,旅游,旅行,自由行線路,阿裡旅行,去啊">
 8 </head>
 9 <body>
10 </body>
11 </html>

 

三、設定作者信息

設定網站作者的名稱,語法:

<meta name="author" content="作者信息">

 

四、限制搜索方式

     robots用於定義網頁搜索引擎索引方式,搜索引擎的定期搜索方式就是每隔一段時間,搜索引擎主動對一定IP地址內的網站進行檢索,一旦發現新的網站就自動提取網站信息加入自己的資料庫,搜索引擎的搜索機器人會沿著網頁上的鏈接不斷地檢索資料建立自己的資料庫。如何限制自己的網站不被檢索到?

 

有關http-equiv:

五、網頁語言文字

基本語法一:

<meta http-equiv="content-language" content="zh-CN"/>

     content-language為http-equiv屬性值,用以標記頁面語言,content取值為語言代碼,格式為“語言代碼-國家代碼”,“zh-CN”表示中文-中國。

基本語法二:

<meta http-equiv="content-type" content="text/html;charset=gb2312"/>

content-type用於定義文件的類型和網頁的編碼。常見編碼類型有ASCII, ISO8859-1, GB2312, GBK, UTF-8, UTF-16等。

 

六、定時跳轉頁面

基本語法:

<meta http-equiv="refresh" content="10;url=http://www.cnblogs.com/csxiaoyu/"/>

refresh用於刷新與跳轉頁面,content屬性記錄多少秒後跳轉和跳轉的網址。

也可以刷新本頁面,如5秒後刷新本頁面:

<meta http-equiv="refresh" content="5"/>

 

七、設定網頁緩存過期時間

基本語法:

<meta http-equiv="expires" content="Sunday 20 October 2017 12:00 GMT"/>

時間必須使用GMT格式,content設置具體的時間值。

 

八、刪除過期的cookie

如果網頁過期,那麼刪除存檔的cookie:

<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Sunday 20 October 2017 12:00 GMT;path="/>

 

九、設置網頁過渡效果

當用戶進入或離開網頁時呈現的不同效果。

基本語法:

<meta http-equiv="page-enter" content="revealtrans(duration=5,transtion=1)"/>

<meta http-equiv="page-exit" content="revealtrans(duration=5,transtion=1)"/>

     page-enter表示進入頁面時啟用特效,page-exit表示離開頁面啟用特效,duration表示持續時間,transition是濾鏡類型,表示想用哪種特效,取值0到23.

取值     效果
0 盒狀收縮
1 盒狀展開
2 圓形收縮
3 圓形展開
4 向上擦除
5 向下擦除
6 向左擦除
7 向右擦除
8 垂直百葉窗
9 水平百葉窗
10 橫向棋盤式
11 縱向棋盤式
12 溶解
13 左右向中部收縮
14 中部向左右展開
15 上下向中部收縮
16 中部向上下展開
17 階梯狀向左下展開
18 階梯狀向左上展開
19 階梯狀向右下展開
20 階梯狀向右上展開
21 隨機水平線
22 隨機垂直線
23 隨機

 

 

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • HTML: <input type="button" id="btn1" value="嵌套回調非同步"> <input type="button" id="btn2" value="$.Deferred非同步"> <p>顯示結果:<span id="result"></span></p> JS: va
  • 搭建ionic cordova 環境用於編寫hybrid 手機程式。
  • 1.導入外部.js文件: <script src="http://static.l99.com/js/jquery/jquery-1.2.6.pack.js" type="text/javascript"></script>2.在<body>標簽中加入如下代碼: <body> 還可以輸入<span
  • 應用背景:在頁面中有兩個列表框,需要把其中一個列表框的元素移動到另一個列表框 。 實現的基本思想: (1)編寫init方法對兩個列表框進行初始化; (2)為body添加onload事件調用init方法; (3)編寫move(s1,s2)把s1中選中的選項移到s2; (4)編寫moveAll(s1,s
  • 先是HTML 一個父div包含四個絕對定位的div <div class='container container--realistic'> <div class='cube cube--ani'> <div class='face'>1</div> <div class='face'>2</div
  • 1.常用的方式是:將一張圖片設置為背景,然後在裡面加文字,你加入的圖片代碼是: <img src="img.jpg" width='100px" height="50px"> 改為 <div style="background:url('img.jpg') no-repeat;width:100px
  • 1.9.1以後的版本,好像不支持 jq 的 toggle function的用法啦。
  • JS代碼 //圖像載入出錯時的處理 function errorImg(img) { img.src = "預設圖片.jpg"; img.onerror = null; } HTML代碼 <img width="32" height="32" src="1.jpg" onerror="errorIm
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...