前端學習(二):head標簽


進擊のpython

*****

前端學習——head標簽


head標簽中的相關標簽,是看不見摸不着的,僅僅是對應用於網頁的一些基礎信息(元信息)

前面說的是青春版,完整的head應該是這樣的

!<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>

meta標簽

charset

這個是設置網站的字符集

UTF-8 字多,有各種國家的語言,但是保存尺寸大,文件臃腫

gb2312字少,只用中文和少數外語和符號,但是尺寸小,文件小巧

你們公司是做日本動漫的,經常出現一些日語動漫的名字,網頁要使用UTF-8

如果用gb2312將無法顯示日語

你們公司就是中文網頁,極度的追求網頁的顯示速度,要使用gb2312

如果使用UTF-8將每個漢字多一個byte,所以5000個漢字,多5kb

name

主要用於頁面的關鍵字和描述,是寫給搜索引擎看的,關鍵字可以有多個用 ‘,’號隔開

與之對應的屬性值為content,主要是便於搜索引擎機器人查找信息和分類信息用的

<meta name="Keywords" content="網易,郵箱,游戲,新聞,體育,娛樂,女性,亞運,論壇,短信" />

就是你搜索這些關鍵字都能找到此網站

<meta name="Description" content="網易是中國領先的互聯網技術公司,為用戶提供免費郵箱、游戲、搜索引擎服務,開設新聞、娛樂、體育等30多個內容頻道,及博客、視頻、論壇等互動交流,網聚人的力量。" />

設置Description頁面描述,那么百度搜索結果,就能夠顯示這些語句

這個技術叫做SEO(search engine optimization,搜索引擎優化)


title標簽

主要用來告訴用戶和搜索引擎這個網頁的主要內容是什么

搜索引擎可以通過網頁標題,迅速的判斷出當前網頁的主題

<title>我是測試!!!!</title>

*****
*****


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM