一. 最外围的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
网友评论