head中的标签是写给浏览器读的,浏览器通过head中的标签决定如果渲染,显示网页
最小推荐
<meta charset="utf-8"> <!--告诉浏览器用什么编码解析网页-->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!--告诉浏览器根据屏幕宽度进行适配,初始放大尺寸-->
<title>页面标题</title> <!--网页标题-->
别忘记favicon.ico
通常我们只需要在网站根目录中放置favicon.ico(16 * 16)这样一个图标,就可以了。但是在一些低版本的浏览器中,我们还是需要加入这样的标签:
<!-- 我们目前需要提供的最大的网站图标尺寸 -->
<link rel="icon" sizes="192x192" href="/path/to/icon.png">
seo
通常如果我们的网站希望被搜索引擎收录的话,我们最好是添加一些关键词和描述
<meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />
<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台,提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品,同时提供担保交易(先收货后付款)等安全交易保障服务,并由商家提供退货承诺、破损补寄等消费者保障服务,让你安心享受网上购物乐趣!" />
增对国内的双核浏览器
国内的双核浏览器,我们有时候可以告诉浏览器以什么样的优先级渲染网站
<!-- 选择渲染引擎 -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">