HTML基础知识-HTML-复制代码（fuzhicode.com）

【原创】HTML基础知识

作者: whooyun发表于: 2017-03-20 17:09

HTML基础设施

1、推荐使用html文档说明

<!DOCTYPE html>

2、必须申明文档的编码charset，且与文件本身编码保持一致，推荐使用UTF-8编码

3、title 不可缺少，控制在25个字、50个字节以内。“二级栏目/ 一级栏目/网站名称”

4、keywords很重要，关键词，针对SEO。注：5个左右,单个8汉字以内；禁忌堆砌，与网站主题无关

5、description网站描述，字数尽量空制在80个汉字，160个字符以内

6、如何使用Favicon.ico？

強烈推荐使用.ico而不是使用png或者gif

（1）最重要的就是，所有的浏览器，包括IE5，都支持ico文件，gif、png等都没有ico支持范围广
（2）如果有favicon.ico，我们测试了所有现代浏览器（测试了 Chrome 4, Firefox 3.5【火狐】, IE8, Opera 10 and Safari 4），发现他们都会请求favicon.ico，这样错误页就会有对应图标显示，所以最好用ico！
（3）. 一个.ico文件可以同时满足多个尺寸的需求，不需要每个尺寸单独生成一个文件

什么是favicon.ico

所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。

html模版

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>复制代码</title>
<meta name="keywords" content="关键词,5个左右,单个8汉字以内"/>
<meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！"/>
<meta name="viewport" content="width=device-width" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" href="img/touchicon.png" />
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<header>网站头部</header>
<div class="">内容部分</div>
<footer>页脚</footer>
</body>
</html>