美文网首页
html初级篇(二)——html标签以及head标签

html初级篇(二)——html标签以及head标签

作者: Charon_Pluto | 来源:发表于2019-01-30 13:36 被阅读26次

一. 最外围的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

相关文章

网友评论

      本文标题:html初级篇(二)——html标签以及head标签

      本文链接:https://www.haomeiwen.com/subject/mwaqsqtx.html