用户投稿刚开始学HTML时，都从body里的内容开始学，很少用到head里面的标籤，当打开别人的网页时，
看到head怎么写得满满的，看到就头昏眼花 ，于是就激发了笔者的好奇心，今天就让我们了解常用的head标籤。
title
head里有个必要的标籤那就是title,他就代表着整个网页的标题。
<head> <title>哇是标题啦！</title></head>Encoding
我们要告诉浏览器我们要用什么编码方式，会放在最前面，现在几乎都是使用 UTF-8。
<head> <meta charset="UTF-8"> <title>哇是标题啦！</title></head>Description
这是一个描述这个网站的标籤，搜寻引擎或是一些爬虫会用到这个资讯。
<meta name='description' content='网站描述文字' />
Viewport
由于现在行动装置盛行，为了让使用者浏览方便，所以在浏览器的预设宽度， 会让没有支援行动装置的网站看起来比较舒服， 如果你的网站有做响应式设计 ，请加上这行。
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head>Favicon
接着我们会放入 Favicon ，也就是网址列上面那个小 icon 。
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
Javascript 和 CSS
接着我们会告诉浏览器要载入那些 CSS 和 Javascript 档案,通常会先载入CSS在仔入Javascript。
<head> <link rel="stylesheet" href="css/text123.css"> <script src="js/text.js"></script></head>基本的head结构就完成了
<html> <head> <meta charset="utf-8"> <title>哇是标题啦！</title> <meta name="description" content="网站的描述。。。"> <meta name="viewport" content="width=device-width"> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="css/text123.css"> <script src="js/text.js"></script> </head>我目前也还在学习中，以上只是对head常用的介绍，还有很多对于SEO优化和版本控制。
微信扫一扫打赏
支付宝扫一扫打赏
