前端技术点
2020-07-19 本文已影响0人
irenb
压缩代码，去掉空格、换行符等多余的字符，目的是让页面的体积更小，让页面在网络中传递得更快，让用户更快的打开页面。这是一种优化的手段。
image.png
<head>元素三大重要功能：
- 描述网页基本信息
<!-- 网页编码 -->
<meta charset="utf-8">
<!-- 网页的兼容性，IE里使用 指定IE的版本 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!-- 移动端适配 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<!-- SEO，给搜索引擎用的 -->
<meta name="keywords" content="简书,简书官网,图文编辑软件,简书下载,图文创作,创作软件,原创社区,小说,散文,写作,阅读">
<meta name="description" content="简书是一个优质的创作社区，在这里，你可以任性地创作，一篇短文、一张照片、一首诗、一幅画……我们相信，每个人都是生活中的艺术家，有着无穷的创造力。">
<!-- 网页的标题 -->
<title>简书 - 创作你的创作</title>
- 指向渲染网页需要其它文件链接
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="style.css">
<script src="app.js"></script>
- 各大厂商根据自己需要定制
<!-- 360浏览器的定制，指定渲染引擎 -->
<meta name="renderer" content="webkit">
<!-- QQ分享 -->
<meta itemprop="name" content="分享的标题">
<meta itemprop="image" content="logo.png">
<meta name="description" itemprop="description" content="分享的内容">
<!-- Apple -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
