進擊の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>