1. 程式人生 > 實用技巧 >(三)實體、meta標籤

(三)實體、meta標籤

實體

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
   <p>
       bz     zb
   </p>
    <!-- 
        在網頁中編寫多個空格預設情況會自動被瀏覽器解析為一個空格
     -->
     <p>
         a<b>c
     
</p> <!-- 要顯示a<b>c,而<b>是加粗 有些時候不能直接寫一些特殊符號,比如多個連續空格,字母兩側的大於號小於號 這種情況就要用實體(轉義字元) 語法: &實體名字; &nbsp; 空格 &gt; 大於號 &lt; 小於號 --> <p> bz&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
zb </p> <p> a&lt;b&gt;c </p> </body> </html>

更多字元實體:https://www.w3cschool.cn/html/html-tutorial.html

meta標籤

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

          keywords 表示網站的關鍵字 就是在搜尋時能搜到
          可以同時指定多個關鍵字,關鍵字用,隔開
          
          京東的關鍵字:<meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手錶,儲存卡,京東"/>
          淘寶的關鍵字:<meta name="keyword" content="淘寶,掏寶,網上購物,C2C,線上交易,交易市場,網上交易,交易市場,網上買,網上賣,購物網站,團購,網上貿易,安全購物,電子商務,放心買,供應,買賣資訊,網店,一口價,拍賣,網上開店,網路購物,打折,免費開店,網購,頻道,店鋪" />
    
          description 用於指定網站的描述
          <meta name="description"
          content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務,為您提供愉悅的網上購物體驗!"/>
            網站的描述會顯示在搜尋引擎的搜尋的結果中

          title標籤的內容會作為搜尋結果上的超連結的文字顯示
      <title>京東(JD.COM)-正品低價、品質保障、配送及時、輕鬆購物!</title>
--> <meta name="keywords" content="HTML6,前端,CSS3"> <meta name="description" content="這是一個非常不錯的網站"> <meta http-equiv="refresh" content="3;url=https://www.xmu.edu.cn/"> <!-- 將頁面重定向到另一個網站 --> <title>Document</title> </head>
<body> </body> </html>