头标签都放在<head></head>头部分之间。包括:title base meta link
  <title>:指定浏览器的。(标题)
  <base>:为页面上的所有链接规标题栏显示的内容定默认地址或默认目标。(给<a>标签指定默认)
  <meta>:可提供有关页面的基本信息
  <link>:定义文档与外部资源的关系。
 
例:
  1:
  <title>博客后台管理-博客园</title> 
  
  <title>:指定浏览器的标题栏显示的内容。
 
  2:
   <base>:为页面上的所有链接规定默认地址或默认目标。

    href 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录。注意值得结尾处一定要用/表示目录。只作用于相对路径的超链接文件。

    target 属性:指定打开超链接的方式。如_blank 表示所有的超链接都用新窗口打开显示。

    或者只演示_blank的功能

    <base href="http://www.baidu.com" target="_blank" />

    <a href="#">点击</a>

  3:

  <meta>:可提供有关页面的基本信息

  name 属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。

  http-equiv 属性:模拟HTTP协议的响应消息头。

  例:

    • <meta name="Description" content="This is Chris's Home Page">
      该网页的描述,作用于寻找引擎的登录
    • <meta name="Keywords" content="Chris, Web, Music,
      photo">
      该网页的关键字,作用于寻找引擎的登录
    • <meta http-equiv="Expires" content="Tue, 09 Dec
      1997 00:00:00 GMT">
      <meta http-equiv="Pragma"
      content="no-cache">
      以上行功能相同,都是要浏览器重新载入该页,不要使用快取档案,当然可以修 改该 Expire
      时间。
    • <meta http-equiv="Content-Type" content="text/html;
      charset=big5">
      <meta http-equiv="Content-Type"
      content="text/html; charset=iso-8859-1">
    • <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      设定这是 HTML
      文件及其编码语系,中文网页请使用 big5 那行,或者不设编码亦 可,纯英文网页建议使用 iso-8859-1。一般建议默认通用编码 utf-8
    • <meta name="GENERATOR" content="Mozilla/4.04 [en]
      (Win95; I) [Netscape]">
      <meta name="GENERATOR"
      content="Microsoft FrontPage 3.0">
      这只表示该网页由甚堋编辑器写成。
    • <meta http-equiv="refresh" content="10;
      url=http://www.hkiwc.com">
    • 这一行较为实用,能于预定秒数内自动转到指定的网址。原始码中 10 表示 10秒。
    • <meta http-equiv="refresh" content="3;url=http://www.sina.com.cn" />

  4:

  <link>:定义文档与外部资源的关系。(连接 外部资源)

  rel 属性:描述目标文档与当前文档的关系。

  type 属性:文档类型。

  media:指定目标文档在哪种设备上起作用。

  例:

  <link rel="icon" href="./images/logo3.ico" type="image/x-icon">

  <link rel="stylesheet" type="text/css" media="screen,print" href="a.css" />

  <link rel="引入的文件与html的关系" type="text/css" href="文件的地址" >

 5:

  <script> 用于存放脚本语言 JavaScript VBScript

  <script src="文件的地址"></script>

  <script src="js/bootstrap.min.js"></script>

HTML 头标签的 <title> <base> <meta> <link> <script> 的内容意思的更多相关文章

  1. Html笔记(九)头标签

    头标签: <head> 头标签都放在 <head> </head> 头部分之间.包括:title base meta link <title> :指定浏 ...

  2. HTML基础之HTML标签-html header(meta,title) html body(p,br,h,form,div,span,input,lable)

    摘自:http://www.imdsx.cn/index.php/2017/07/27/html0/ 一.HTML标签 <!DOCTYPE html> <!--标准的html规则,类 ...

  3. 移动前端不得不了解的HTML5 head 头标签 —— Meta 标签

    Meta 标签 meta标签是HTML中head头部的一个辅助性标签,它位于HTML文档头部的 <head> 和 <title> 标记之间,它提供用户不可见的信息.虽然这部分信 ...

  4. SEO优化之Title 和 Meta 标签

    对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能.SEO 思想指导下的技术支持,主要是 ...

  5. 【转】vue中动态设置meta标签和title标签

    因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 { path: '/teachers', name ...

  6. [转]手机web HTML头信息解释和viewport meta标签解释

    <meta charset="utf-8" /> <link rel="shortcut icon" href="favicon.i ...

  7. meta标签、利用媒体查询 link不同的CSS文件

    利用媒体查询 link不同的CSS文件:<link rel="stylesheet" media="screen and (min-width:1px) and ( ...

  8. 【转】你所不知道的HTML <head/> 头标签

    HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性.移动端的工作已经越来越成为前端工作的重要内容, ...

  9. 移动前端不得不了解的html5 head 头标签

    本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签. 移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta标签 ...

随机推荐

  1. SmartCoder每日站立会议 01

    1.站立会议内容 确定今天团队成员各自的任务,并讨论今后各自的学习方向. 站立会议照片: 2.任务看板: 3.燃尽图:

  2. 卸载XCode插件的方法

    1.Finder--前往---前往文件夹--输入~/Library/Developer/Xcode/Plug-ins 2.删除要卸载的插件即可.

  3. 关于QT中的音频通信问题

    今天给大家讲说一个新的东西,使用QT实现音频通信的功能,挺起来是不是很高大上啊,哈哈,实际上我们只是使用一些接口做一些简单的工作而已,并不是让你写一个传输协议和采集音频信息,好了,那我们就来说一说关于 ...

  4. Java经典编程题50道之十二

    企业发放的奖金根据利润提成:利润(I)低于或等于10万元时,奖金可提10%:利润高于10万元,低于20万元时,低于10万元的部分按10%提成, 高于10万元的部分 ,可提成7.5%:20万到40万之间 ...

  5. ReactNative学习之Html基本标签使用

    前言: 前面简单学习了html简单标签的使用,今天学习一下其他的标签的使用. HTML的超链接 1.)创建一个超链接 <div> <p> <a href="ht ...

  6. tomcat服务器端口冲突问题的解决

    问题:tomcat服务器端口冲突 原因:服务器端口被占用:重启服务器之前原来的服务器没有关闭. 解决方案: 方案一:把占用的端口结束(方便快捷) 在cmd窗口输入命令 netstat -ano (查看 ...

  7. android网络监测

    public static boolean isNetworkConnected(Context context) { if (context != null) { ConnectivityManag ...

  8. 构建自己的PHP框架--构建模版引擎(2)

    自从来到新公司就一直很忙,最近这段时间终于稍微闲了一点,赶紧接着写这个系列,感觉再不写就烂尾了. 之前我们说到,拿到{{ $name }}这样一段内容时,我们只需要将它转化成<?php echo ...

  9. phpcms通过URL传参

    在PHPCMS中都会遇到通过URL传参数的问题,但是默认的只能取到$catid.$page等这类的值,特别是伪静态之后,想获得其他参数根本不可能,有的人用$_GET["参数"]这种 ...

  10. 模拟对象测试——EasyMock

    一.EasyMock 使用动态代理实现模拟对象创建,一般可以满足以下测试需求 1.要测试的模块依赖于其它自己控制不了的模块,如第三方服务,其它组员在开发的服务等,它们都没办法配合你来测试: 2.涉及到 ...