html的head内标签

ctrl+?：自动注释

ctrl+/:  注释多行，再按一次，取消注释的多行。

一，*********本地测试的方法：1-找到文件路径，直接浏览器打开；2-pycharm打开测试。

二，模板的解释：

html: head+body,一个文件里面只能有一个html标签。

<!DOCTYPE html> #告诉浏览器用的规范，告诉我们所遵循的对应关系。
<html lang="en"> #类似html这种格式称为标签，lang="en"是标签内部的属性。
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="http://www.oldboyedu.com">老男孩</a>
</body>
</html>

三，head标签中包含的内容：

1.<meta>标签，metadata information meta包含的属性有：

　　编码，<meta charset="UTF-8">

　　跳转，<meta http-equiv="Refresh" Content="3:url=http://www.baidu.com/">

　　刷新，<meta http-equiv="Refresh" Content="3">

　　关键字，<meta name="keywords" content="化学 高中 初中 一对一 小班"> 给搜索引擎用的

　　描述，<meta name="description" content="新东方提供化学专业辅导">

　　IE兼容>：<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;IE=IE7;">

2.Title 标签:标题  <title>百度一下，你就知道</title>

3. <link/>：搞图标，后面再讲

　　　<link rel="shortcut icon" href="image/favicon.ico> # 指定图片的图标以及所在的位置。用的图片是image下的favicon图片。

4. <style/>：后面再讲

5. <script/>：后面再讲

代码及说明：

<!DOCTYPE html> #告诉浏览器用的规范，告诉我们所遵循的对应关系。
<html lang="en"> #类似html这种格式称为标签，lang="en"是标签内部的属性。
<head>
    <meta charset="UTF-8"> #指定编码，meta是自闭合标签。meta-元
    <meta http-equiv="Refresh" Content="3"> #页面默认每3s刷新一次。equiv是equivalent的缩写
    <meta http-equiv="Refresh" Content="3:url=http://www.baidu.com/">#页面3s后自动跳转到指定页面。
    <meta name="keywords" content="化学 高中 初中 一对一 小班"> #关键字，给搜索引擎用的。
    <meta name="description" content="新东方提供化学专业辅导"> #描述一下当前网站是干什么的。
    <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;IE=IE7;"> #表示以IE9后面的标准模式打开。如果IE9不行，就用IE8;否则用IE7.
    <title>老男孩</title> #标头,title 是主动闭合标签。
    <link rel="shortcun icon" href="C:/image/佩奇.png"> #指定导入图标，以及所用图片的位置。
</head>
<body>
    <a href="http://www.oldboyedu.com">老男孩</a>
</body>
</html>

1. 做编码，自动刷新和跳转，但是看不到什么时候跳转。在头部也可以做跳转。但是一般不用，应急用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Refresh" Content="3">
    <meta http-equiv="'Refresh" Content="3:Url=http://www.autohome.com.cn">
    <!--页面默认3S 刷新一次,跳转到指定的页面-->
    <title>Title</title>
</head>
<body>
    <div></div>
    <a href="http://www.oldboyedu.com">老男孩</a>
</body>

</html>

2.关键词，给搜索引擎用的。就是搜哪些关键词能搜出来这个链接。

<meta name="keywords" content="高中 化学 全职 兼职 高考冲刺">

3.描述

　　例如：cnblogs

<meta name="description" content="高一 氧化还原反应 同步课程 期末冲刺辅导">

4.X-UA-Compatible: 指定兼容IE9

<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;"/>