HTML

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>

基本语法

<head></head>头部标签

<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 - 用户是否可以手动缩放
此标签需要大家在做移动网站的时候,能想得起来即可。主要控制双指拨动屏幕是否能缩放浏览器内容比例的缩放功能。

上一篇下一篇

猜你喜欢

热点阅读