- 网页开发之旅 -
头部标签
>索思科技协会<
在了解过前端后端以及写前端的“笔”后,我们就可以正式开始前端开发啦,本期为大家介绍前端“三剑客”之一HTML的概述和头部标签部分。
下面就来具体讲解一下吧。
什么是HTML
· HTML 指的是超文本标记语言: HyperText Markup Language,是一种用来描述网页的语言。
· 划重点——HTML 不是一种编程语言,而是一种标记语言。
· 标记语言是一套标记标签 (markup tag),以此来描述网页。
· HTML 文档包含了HTML 标签及文本内容,也叫做web页面。
先来看看最简单的HTML长什么样。
那这段代码是什么效果呢?大家可以用文本编辑器编写HTML,然后保存为hello.html,双击或者把文件拖到浏览器中,就可以看到效果:
HTML 标签
· HTML 标签是由尖括号包围的关键词,比如 <html>。
· HTML 标签通常是成对出现的,比如 <b> 和 </b>。
· 标签对中的第一个标签是开始标签,第二个标签是结束标签。
· 开始和结束标签也被称为开放标签和闭合标签。
要特别指出"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思。
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签。
<html> 与 </html> 之间的文本描述网页,这是根标签,所有的内容都应该写在此标签内。
<head> 元素与 <body> 元素不同,它的内容不会在浏览器中显示,它的作用是保存页面的一些 元数据(描述数据的数据)。<head> 元素包含了所有的头部标签元素。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
那<head>标签有哪些作用呢?
1.添加标题
<title> 元素是一项元数据,用于表示整个 HTML 文档的标题(而不是文档内容)。
如图中的“北京科技大学-计通学院计算机系”就可以用下图所示代码实现。
2.指定文档中字符的编码
这个元素简单的指定了文档的字符编码 —— 在这个文档中被允许使用的字符集。utf-8 是一个通用的字符集,它包含了任何人类语言中的大部分的字符。意味着该 web 页面可以显示任意的语言;所以对于你的每一个页面都使用这个设置会是一个好主意!
需要特别注意的是HTML有一个“官方的”方式来为一个文档添加元数据 —— <meta> 元素。当然,其他在这篇文章中提到的东西也可以被当作元数据。有很多不同种类的 <meta> 元素可以被包含进你的页面的<head>元素。我们会解释一些你常会看到的类型,先让你有个概念。
现在介绍更多的头部标签
头部标签
1.HTML <base> 元素
<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。
2、HTML <link> 元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表:
3.HTML <style> 元素
<style> 标签定义了HTML文档的样式文件引用地址。
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:
4.META 元素
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
为搜索引擎定义关键词(当你搜索“HTML,CSS,XML,XHTML,JavaScript”时,你的这个网页就会被找到):
为网页定义描述内容:
每30秒钟刷新当前页面:
头部标签到这里就为大家介绍完了,快去打开自己的电脑试试吧~
发表评论 取消回复