html `<head>`
2017-06-12 本文已影响1人
三杯两盏石酒_9265
HTML实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
基本语法
- HTML不区分大小写,但HTML5建议标签名称及属性全部用小写
- 常见的HTML标签都是有一个开始标签和结束标签的
例如:<div></div>
<h1></h1>
<p></p>
- 同样也有一部分HTML标签是没有结束标签的
例如:<img src="" />
<br />
<hr />
<meta />
<link />
- 没有结束标签的HTML标签,可添加一个斜杠
/
表示结束,但HTML5建议不需要再加了
<head>
及</head>
头部标签
-
<head>
和</head>
之间的标签是不可见的,它内部放置的是网站的头部信息,对网站的显示影响是比较大的。主要了解一下标签:
了解,要大致记得住是什么样子,核心代码是charset=gb2312
建议使用utf-8
<meta http-equiv="Content-Type" content="text/html; charset=gb2312或utf-8或gbk" />
了解,记住核心要点。定时跳转
<meta http-equiv="refresh" content="10;URL=http://www.baidu.com" />
CSS
样式文件加载
<link href="css/app.css" rel="stylesheet">
JS
文件加载
<script src="js/app.js'"></script>
网页标题载入:非常重要。数量可以观察你想排名的搜索引擎对它的算法。一般建议一行显示完。即类似于百度搜索出来的结果中第一行的长度。(建议长度80个字符以内)
<title>网页标题</title>
网页关键词:一般控制在三五个词汇之间即可,不同的词之间用逗号分隔。目前并不是很重要的一个排名参考因素(建议长度100个字符以内)
<meta name="keywords" content="关键词1,关键词2,...,只放置关键词" />
网页内容简述:长度可观察你想排名的搜索引擎(建议长度200个字符以内)
<meta name="description" content="网页内容简述" />
- 移动网站缩放限制标签
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1">
width-viewport的宽度
height-viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
此标签需要大家在做移动网站的时候,能想得起来即可。主要控制双指拨动屏幕是否能缩放浏览器内容比例的缩放功能。