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