HTML_HEAD中的标签

(一)、head标签是什么

  • <head> 标签用于定义文档的头部,它是所有头部元素的容器
  • <head> 中的元素可以引用脚本、样式表、提供元信息等
  • 绝大多数文档头部包含的数据都不会真正作为内容显示给读者

(二)、head包含的标签

  • meta,title,link,base,script等常用标签
  • title作用是显示网页标题
  • base作用是网页默认打开方式声明标签
  • link作用是链接外部CSS文件和收藏夹图标,是一个链接标签
  • meta作用是用作网页关键词、网页描述、作者、网页编码、robots、自动跳转等说明性标签,包含广泛的内容标签
  • script作用是调用外部js文件
  • style作用是直接嵌入网页的CSS文件

(三)、标签详解

  • 1. title 标签
    *title是一个封闭标签,在head中是成对出现 *
    • 用法:
<title>…</title>
  • 2. link 标签
    最常用的用法是链接外部样式表,也就是css文件

    • 用法:
<link … />
  • 举例
引入外部css样式:
<link rel=”stylesheet” type=”text/css” href=”http://www……. /style.css” />
  • rel:定义的是该文档与被链接文档之间是什么关系,这里是外部css样式表,即stylesheet

  • type:规定外部链接文档是什么打开类型,link中的css 这样写 法type=”text/css”,link中的网站小图标写法type=”image/x-icon”

  • href:是外部css地址

  • 3. script标签
    该标签是一个封闭标签,该标签不仅仅可以在头部head标签内使用,在body标签内部任何位置都可以使用,最终实现的效果都是一样的,通常是用在head标签内

    • 用法:
<script></script>
  • 举例
<script src=”http://www…../index.js” type=”text/javascript”></script>
  • src中是调用js文件地址。

  • type规定调用js文件的打开方式

  • 4. meta标签
    任何一个网页中都有meta标签的使用,这篇文章对meta标签有详细介绍HTML-META标签

  • 5. style标签
    *该标签是一个封闭标签,在head中是成对出现 *

    • 用法:
<style></style>
  • 举例
<style type=”text/css”>…</style>  //中间用于放CSS样式代码

相关文章推荐
html中<head>部分常用元素

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,108评论 1 92
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,228评论 1 25
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,521评论 1 41
  • 写下收获,闪现在眼前的是金黄色的秋天。 但收获,有时并非单纯的物质与财富。 有一种收获是,萃取光阴的痕迹,在日复一...
    木心幽兰阅读 227评论 0 0
  • 白岩松是我在记者这个行当相当佩服的人,无他,只因他那很正的新闻视角和观念。人心的位置是偏的,但记者的工作就是尽可能...
    木小每阅读 671评论 2 5

友情链接更多精彩内容