HTML头部部分用法

分析源码:看<head>

<meta>标签

1.兼容性配置

1
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> // 使IE用最高版本Edge去渲染,如果有chrome浏览器使用chrome浏览器渲染页面

2.渲染

1
<meta name="renderer" content="webkit"> // 双核浏览器优先使用webkit引擎渲染页面

3.dns预解析

1
<link rel="dns-prefetch" href=""> // href里和当前域名是不同的域名,通常是存放静态资源的域名,加快静态资源加载(比如加快图片加载,dns预解析可以是一个可以优化的点,提升网站性能)

4.字符集

1
<meta http-equiv="content-type" content="text/html;charset=UTF-8">

5.关键词&描述:SEO

1
2
<meta name="keywords" content="">
<meta name="description" content="">

相关参考:HTML-head头部浅析