首页 > 其他分享 >HTML-head元素

HTML-head元素

时间:2022-11-08 10:46:28浏览次数:41  
标签:head 外部 标签 元素 HTML 文档 属性

<!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
          <!--下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。-->
            <base href="jpg/">
            <base target="_blank" />
            <link rel="icon" href="jpg/2.jpg" type="image/x-icon" >
            <link rel="stylesheet" type="text/css" href="theme.css">
            <meta name="keywords" content="HTML,CSS,XML,JavaScript">
            <script>
            document.write("Hello World!")
            </script>
            <!--
              <base>:
                <base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。
              <link>:
                标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表.link 元素是空元素,它仅包含属性。 此元素只能存在于 head 部分,不过它可出现任何次数。
                <link>包含的属性:
                  href:指明外部资源文件的路径,即告诉浏览器外部资源的位置
                      hreflang:说明外部资源使用的语言
                      media:说明外部资源用于哪种设备
                      rel:必填,表明当前文档和外部资源的关系
                      sizes:指定图标的大小,只对属性rel="icon"生效
                      type:说明外部资源的MIME类型,如text/css、image/x-icon
                            rel 包含的属性:
                                icon:定义网站或网页在浏览器标题栏中的图标
                                bookmark:定义文档在收藏夹中显示的书签图标
                                nofollow:指定文档不被搜索引擎跟踪,即某些页面不被爬虫抓取

              <meta>:
                元数据(Metadata)是数据的数据信息。<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间,
                作者及其他元数据。
                元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。<meta> 标签通常位于 <head> 区域内。元数据通常以 名称/值 对出现。如果没有提供 name 属性,
                那么名称/值对中的名称会采用 http-equiv 属性的值。
              <script>:
                <script> 标签用于定义客户端脚本,比如 JavaScript。
                <script> 元素既可包含脚本语句,也可以通过 "src" 属性指向外部脚本文件。
                JavaScript 通常用于图像操作、表单验证以及动态内容更改。
              <style>:
                style 属性规定元素的行内样式(inline style)。style 属性将覆盖任何全局的样式设定,例如在 <style> 标签或在外部样式表中规定的样式。
              <title>:
                定义浏览器工具栏中的标题
                一个 HTML 文档中不能有一个以上的 <title> 元素。如果您遗漏了 <title> 标签,文档作为 HTML 是无效的。

            -->
      <title>标题</title>
  </head>
  <body>
 <img src="1.jpg" width="300" height="200">
 <a href="../first.html">base设置了target="_blank,会在新窗口打开链接,同时路径也被默认到/jpg下</a> 
  </body>
</html>

运行效果:

 

标签:head,外部,标签,元素,HTML,文档,属性
From: https://www.cnblogs.com/joyware/p/16868801.html

相关文章

  • TS流分析-packet header
    ts流是由ts包构成的,ts包的长度固定为188或者204,后者是加上校验的长度。对应的官方描述文档为:iso-13818-1.pdf,下载地址:ts数据包的包头占4个字节,其构成如下:/***PacketHe......
  • Gatsby custom head & Google Analytics All In One
    Gatsbycustomhead&GoogleAnalyticsAllInOneGoogleAnalytics(分析)https://analytics.google.com/analytics/web/#/a248706071p341215062/admin/streams/table/42......
  • Head First Java 读书笔记
    第9章:构造器与垃圾收集器什么是栈与堆? 堆(heap)、栈(stack)当Java虚拟机启动时,它会从底层操作系统中取得一块内存,以此区段来执行Java程序。实例变量保存在所属的对象中,位于......
  • Javascript(笔记24) - DOM基本操作 - 遍历元素节点树的方法
    Javascript(笔记24)-DOM基本操作-遍历元素节点树的方法上一节讨论了遍历节点,这一节讨论遍历元素节点,毕竟元素节点才是我们操作最为频繁的。使用方法跟遍历节点的非常相......
  • 动态爱心-详细教程(小白也会)(HTML)
    动态爱心超级超级超级简单!!!赶紧做给你们的"Ta"看吧!(最后有详细步骤)视频效果:话不多说直接上代码点击查看代码<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Tran......
  • HTML,CSS,JavaScript的介绍
    网页组成:HTML,CSS,JavaScript:Html相当于骨架,Css相当于皮肤,JavaScript相当于肌肉三者结合起来形成完善的网页HTML超文本标记语言(hypertextmarkuplanguage)决定网......
  • html标签分类
    html标签可以分为行内元素和块元素一、行内元素可以和其他行内元素处在同一行。a、input、img、span(没有任何样式的行内元素)二、块元素自己独占一行。p、h、div(没有......
  • flex布局 元素被挤压(点文一排,点被挤压)
    flex布局元素被挤压(点文一排,点被挤压)原因是flex布局,元素默认的flex-shrink为1,即空间不够时,按比例缩放。另一个值是0即不缩放  html代码<divclassName='r......
  • js中innerHTML与innerText的用法与区别
    div.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。div.innerText: 从起始位置到终止位置的内容,但它去除Html标......
  • html特殊符号
    在HTML文档中,如果我们想让像<、>这样有特殊的含义的字符显示到页面上,则需要在HTML文档中使用对应的代码标识,这些代码标识被称为字符实体。一个字符实体由三个部分组......