html初级篇（二）——html标签以及head标签

一. 最外围的html标签

1.html根标签表示创建一个HTML文档

一个html只有一个标签
属性名和属性值：属性总是以名称/值对的形式出现，比如：name="value"。

2.lang 表示 language 语言的意思

告诉搜索引擎爬虫我们的网站是关于什么内容的
lang="en" eg ：zh 中文 de 标识得问

二.head标签

head 浏览器关于文档的附加信息（可以理解为：标记给浏览器看的）
设置文档标题和其它在网页中不显示的信息

1. title标签

是<head>标签中唯一要求包含的，设置显示在浏览器标签页上的文档的标题。

<title>淘宝网-淘，呸！</title>

2. meta标签

meta并不需要/>标签，用来定义页面的特殊信息是单标签

2.1编码字符集

<meta charset="utf-8">

（1）uft-8

1.为了统一全世界的编码就设计了unicode编码，将所有国家，所有字符都收进去了从0一直到100多万
是一种针对Unicode的可变长度字符编码，又称万国码 1992年Ken Thompson创建的现在都出到了 utf-16
2.unicode 是一种包含所有字符的编码表格，例如，给一个汉字规定一个代码，一个字母也一个代码
utf-8就是每次让计算机读取字符节和unicode表进行比对的优化方式

（2）gb2312

不包括繁体字

（3） gbk

国家扩展字符集只是多增加了繁体字

2.2 定义了与文档相关联的名称/值

SEO 搜索引擎优化

<meta name="keywords" content="服装"> <!--关键字 两个写对了就能提高SEO-->
<meta name="description" content="这是一个你穿了就不想脱了的衣服"> <!--描述-->

3. style标签

用来定义元素的css样式

 <style type="text/css">
        h1 {color:red}
        p {color:blue}
    </style>

4. link标签

用来引入外部样式（css文件）

<link rel="stylesheet" href="./index.css">

5. script 标签

用来定义页面的JavaScrip

1.可以直接在里面进行javascript代码的书写

2.src：来进行外部的代javascript的文件引入从而使用该方法

 <script type="text/javascript" src="../../libs/jquery/jquery.min.js"></script>

6. base标签

用来统一设置当前页面上的超链接的跳转方式

1.target：超链接的跳转方式 _blank：新启动一页，默认当前页

2.href：是为了设置统一的启动页面前面的url

eg ： <base href="http://www.w3school.com.cn/"  target="_blank"/>
eg :<a href="/tags/tag_base.asp">www3c学校</a>
比如说这样跳转就不用写前面的url
最后跳转的url 变成了 http://www.w3school.com.cn/tags/tag_dialog.asp