HTML页面框架标签

释放双眼,带上耳机,听听看~!

HTML有很多标签,但是一个页面也有它最基础的标签,也可以成为必备标签吧,就拿我们上篇的HTML基础案例页面来说它包含了 <html></html> 、<head></head> 、<title></title> 、<body></body> 这些基础标签,下面我们就一个个去详细了解他们的含义。

<html></html> 标签就不用多说了,所有的标签都应该写在这对标签里面。

<head></head> 标签主要用来显示头部信息, 除了可以定义看得到的名称外,还可以定义文档编码类型、页面关键字、页面描述、版权等看不到的信息。 其中又有哪些标签是可以放在 <head></head> 标签里呢?

  • <title>
  • <meta>
  • <style>
  • <link>
  • <base>
  • <script>

目前可以放到head标签中的标签有6个,先看一张图,然后我们再来详细了解这6个标签的含义

<title>标签:就是浏览器头部显示的标题,你在 <title> 标签里写什么就显示什么,比如本页面显示的“ HTML页面框架标签 -站宝库”那么标签就应该为 <title> HTML页面框架标签 -站宝库 </title>

<meta>标签:meta有个重要的属性是name,我们再看看name有哪些功能。

  • name="keywords" 定义文档关键词,用于搜索引擎.。<meta name="keywords" content="前端,学习,教程" />
  • name="description" 定义这个文档的描述,主要写的是什么。<meta name="description" content="这是站宝库(ZhanBaoKu.Com)提供的一个超级简单快速入门的前端教程。"/>
  • name="author" 定义这个页面作者是谁。<meta name="author" content="站宝库"> 。
  • name="copyright" 声明版权信息。<meta name="copyright" content="本站所有教程均为原创,版权所有,禁止转载。"/>

其实name的属性值还有很多,常用的也就这么几个,其它的了解一下就可以了,作为初学者,这4个标签以后看到了还是要认识的。

<style>标签:CSS样式就写在这个标签里面,起装饰作用,比如修改文字的大小,粗细,颜色,显示位置等等一切HTML元素,在这里面的样式权重是最高的,后续我们再来了解 <style> 的写法。

<link> 标签一般用来调用外部CSS样式。<link rel="stylesheet" href="/css/zbk.css" />

<base> 标签用的不多,意思就是为整个页面定义所有链接的基础定位 ,简单点说就是链接统一性。

<script> 标签用来调用外部JS特效,主要是为页面添加互动效果或者特效样式。

总结

现在的开发工具要是创建一个新的HTML文件默认的就会添加这些信息,不要求马上掌握这些,但是以后看到了还是要认识。

HTML

HTML是什么?

2019-11-4 18:48:45

HTML

body标签

2019-11-5 18:51:02

搜索