2. 程式人生 > 其它 >4.meta標籤

4.meta標籤

阿新 • • 發佈：2021-02-08

技術標籤：HTML5+CSS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--
        meta主要用於設定網頁中的一些元資料，元資料不是給使用者看的，而是給瀏覽器看的
            charset 指定網頁的字符集
            name    指定資料的名稱
            content 指定資料的內容

                keywords 表示網頁的關鍵字，可以同時指定多個關鍵字，關鍵字使用,隔開
                    (這裡以京東為例)
                    <meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手錶,儲存卡,京東"/>

                description 用於描述網站
                    <meta name="description"
          content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務，為您提供愉悅的網上購物體驗!"/>

                title標籤的內容會作為搜尋結果的超連結上的文字顯示
    -->
 

    <!-- 關鍵字 -->
    <meta name="keywords" content="HTML5,前端,CSS3">
    <!--描述-->
    <meta name="description" content="這是一個非常不錯的網站">
    <!--
        <meta http-equiv="refresh" content="3;url="http//www.mozilla.org">
        將頁面重定向到另一個網址,3表示3秒後
    -->
 

    <meta http-equiv="refresh" content="2;http://www.baidu.com">
    <!--<title>京東(JD.COM)-正品低價、品質保障、配送及時、輕鬆購物！</title>-->
    <title>meta標籤</title>
</head>
<body>

</body>
</html>

這裡給出一個京東的截圖：
在這裡插入圖片描述
title是這個：
在這裡插入圖片描述
description是這個：
在這裡插入圖片描述
keyword作為關鍵字，可以作為被爬取的關鍵字。

相關推薦

4.meta標籤

技術標籤：HTML5+CSS <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

meta標籤 referrer

由於需要跳轉訪問的頁面帶有 網站訪問限制，需要控制網頁傳送給伺服器的referrer資訊設定為空

（三）實體、meta標籤

實體 <!DOCTYPE html> <html lang=\"zh\"> <head> <meta charset=\"UTF-8\"> <title>Document</title>

app的meta標籤

1.規定網頁編碼 　　<metahttp-equiv=\"Content-Type\"content=\"text/html;charset=utf-8\"> 　　<meta charset=\"UTF-8\">

HTML 中 meta 標籤的使用

之前學習前端中，對meta標籤的瞭解僅僅只是這一句。 <meta charset="UTF-8">

SEO相關配置 HTML meta標籤總結與屬性使用介紹

HTML meta標籤總結與屬性使用介紹 <!-- 宣告文件使用的字元編碼 --> <meta charset=\'utf-8\'>

META標籤的設定

定義及用法 ⑴<meta> 元素可提供有關頁面的元資訊（meta-information），比如針對搜尋引擎和更新頻度的描述和關鍵詞。

運用meta標籤進行網站優化

一，常用的HTTP-EQUIV型別： Set-Cookie(cookie設定) 說明：如果網頁過期，存檔的cookie將會被刪除(必須是GMT的時間格式)

設定Meta標籤 清除頁面快取

<meta http-equiv=\"Cache-Control\" content=\"no-cache, no-store, must-revalidate\"> <meta http-equiv=\"Pragma\" content=\"no-cache\">

HTML meta標籤使用介紹

技術標籤：htmlhtml5 簡介 <meta> 元素可提供有關頁面的元資訊（meta-information），比如針對搜尋引擎和更新頻度的描述和關鍵詞。<meta> 標籤位於文件的頭部，不包含任何內容。<meta>標籤的屬

架構使用vuex結合vue-meta實現router動態設定meta標籤

可以通過引入vue-meta模組，通過路由守衛監聽獲取到路由中meta的定義的值，再將獲取到的值賦值到vuex中module模組中的state，再將模組中的值通過vue-meta模組中的metaInfo方法修改meta標籤

常用SEO優化之META標籤

技術標籤：seo 之前對meta標籤的理解只有 <meta charset="UTF-8"> 和移動端適口

html的介紹，html文件樹的概念，meta標籤及一些基本標籤

前端概述 from socket import * def main(): sock = socket(AF_INET, SOCK_STREAM) sock.bind((\'localhost\', 8080))

個人自學前端4-HTML標籤2

目錄文字相關“計算機輸出”標籤引用、引用和術語定義列表ol表格tableth，tr，td，thead，tbody，tfoot，col，colgroup連結圖片

[轉]常用SEO優化之META標籤 - rambohu - 部落格園

之前對meta標籤的理解只有<meta charset=\"UTF-8\">和移動端適口<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"

meta標籤到底是做什麼的

1. 起因最近部門在推微前端，需要按功能拆分多個子應用，主應用在載入的過程中經常出現載入失敗的問題。因為https地址中，如果載入了http資源，瀏覽器將認為這是不安全的資源，將會預設阻止。後來在文件中添加了<

meta標籤

宣告網頁編碼<meta charset=\"UTF-8\"> 文章關鍵字，搜尋引擎會搜尋這些關鍵字<meta name=\"keywords\" content=\"MrFlySand, 部落格 , 博主\">

常用的meta標籤

<meta> 元素可提供有關頁面的元資訊（meta-information），比如針對搜尋引擎和更新頻度的描述和關鍵詞。

Meta標籤&屬性與HTML儲存

一、基本用法 【Html宣告標籤】 <!DOCTYPE> 宣告必須是 HTML 文件的第一行，位於 <html> 標籤之前。

常⽤的meta標籤有哪些

meta 標籤由 name 和 content 屬性定義，用來描述網頁文件的屬性，比如網頁的作者，網頁描述，關鍵詞等，除了HTTP標準固定了一些name作為大家使用的共識，開發者還可以自定義name。