一个简单的HTML最基本的必须的元素

用于定义文档的头部，是所有头部元素的容器。头部描述了文档的各种属性和信息，绝大多数头部的数据都不会直接显示给读者。

下面这些标签可用在head部分：base,link,meta,script,style,title

head标签支持html中的全局属性

1、base 全局属性

　　所有浏览器都支持，为页面上的所有链接规定默认地址或目标，设置了base url之后，浏览器会使用基地址url来填充

所有的相对url，包括的标签有a , link ,img ,form

注意：在 HTML 中，<base> 标签没有结束标签；在 XHTML 中，<base> 标签必须被正确地关闭。

　　href :规定页面中所有相对链接的基准url

　　target:在何处打开页面中的所有链接

　　　　　　_blank:新面面

　　　　　　_parent

　　　　　　_self：当前面面

　　　　　　_top

2、meta：全局属性

　　提供有关页面的元信息(meta_info),它必须位于head中，其数据总是以名称=值的形式被成对传递。

　　必须属性：

　　　　content

　　　　　　定义与http-equiv和name相关的元信息，其值可为任何有效字符串

　　　　　　始终要与http-equiv和name一起使用

　　　　　　

　　可选属性：

　　　　1、http-equiv　　content_type　　　　把content属性关联到http头部

　　　　　　　　　　　　expires

　　　　　　　　　　　　refresh

　　　　　　　　　　　　set_cookie

　　　　为要发送到网页的名称/值对提供了可依赋的名称，当服务器向浏览器发送文档时，会指示服务器把对应的名称/值对放到文档的MIME头部后

再发送给浏览器。虽然向浏览器发送文档时会发送很多名称/值对，但是content-type:text/html是每个服务器的必发项，用于告诉浏览器准备接受

一个HTML文档。

　　　　在使用http-equiv属性的meta标签时，服务器将把名称/值对发送给浏览器的头部。

　　如下图：发送到浏览器头部的信息应该为:

　　　　　　content-type:text/html

　　　　　　refresh:5

　　　　　　expires:31 Dec 2008

　　

　　　　2、name　　　　author　　　　把content属性关联到一个名称

　　　　　　　　　　　　description

　　　　　　　　　　　　keywords

　　　　　　　　　　　　generator

　　　　　　　　　　　　revised

　　　　　　　　　　　　others

　　　　可设置对自己和对源文档读者有意义的名称，keywords是一个经常被用到的名称，它为文档定义了一组关键字，搜索引擎会使用这些关键字对文档进行分类查找。

　　　如果没有设置name属性，那么会降纸使用http-equiv的名称/值对。

　　　　

3、title:全局属性

　　浏览器会以特殊的方式来使用标题，当把文档加入链接列表或收藏夹时，文档标题将成为该链接的默认名称

　　<title> 标签是 <head> 标签中唯一要求包含的东西

　　支持以下标准属性：

　　　　dir    　　　　rtl　　　　元素中内容的文本方向

　　　　　　　　　　　lrt

　　　　lang　　　　language_code　　元素中内容的语言代码

　　　　xml:lang　　language_code   　xhtml文档中内容元素内容的语言代码

　　　　

4、link:全局属性

　　　　标签定义文档与外部资源的关系。

　　　　 标签最常见的用途是链接样式表

　　href :规定被链接文档的位置。

　　hreflang:规定被链接文档中文本的语言

　　rel:规定当前文档与被链接文档之间的关系

　　　　alternate
　　　　author
　　　　help
　　　　icon
　　　　licence
　　　　next
　　　　pingback
　　　　prefetch
　　　　prev
　　　　search
　　　　sidebar
　　　　stylesheet
　　　　tag

　　　　size:规定被链接资源的尺寸。仅适用于 rel="icon"。

　　　　

　　　　头部图标样式如下：

　　　　

html之head,base,meta,title的更多相关文章

  1. HTML 头标签的 <title> <base> <meta> <link> <script> 的内容意思

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

  2. 挖坑指南：iView-admin动态配置route.meta.title

    原文链接 前言 新的项目,基于iView-admin.结合自身的项目需求,对官方的模板进行一些修改.以达到动态修改route.meta,并同步更新面包屑导航文字和标签页标题. 开始 如果你还未使用过i ...

  3. HTML笔记（七）head相关元素<base> & <meta>

    <head>元素是所有头部元素的容器. 可添加的标签有:<title>.<base>.<link>.<meta>.<script> ...

  4. 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规则,类 ...

  5. YLZ开发外网前端

    YLZ外网前端使用的是boottstrap和layer和validform等插件 表格是用boottstrap的tablle加上框架人员开发的ajaxpageresponse进行协调开发 弹窗使用的l ...

  6. ylz外网连接ESB流程

    先在指定目录下写Controller,在目录下com.ylzinfo.controller.zhizhi package com.ylzinfo.controller.zhizhi; import j ...

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

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

  8. vue开发 - 根据vue-router的meta动态设置html里title标签内容

    1.路由文件 :router/index.js 添加 meta属性配置: import Vue from 'vue' import Router from 'vue-router' import in ...

  9. HTML/Elements/base

    https://www.w3.org/wiki/HTML/Elements/base HTML/Elements/base < HTML‎ | Elements   List of Elemen ...

随机推荐

  1. 升级IOS 9 和 XCode 7 引起的问题

    问题一: 升级xcode 7最低的系统配置要求 升级了ios9 后使用 xcode 6.1 已经不能用了,必须升级 xcode 7才行,原先的系统是OSX 10.10.1 版本.而xcode 7.0 ...

  2. Java 集合深入理解（8）：AbstractSequentialList

    点击查看 Java 集合框架深入理解 系列, - ( ゜- ゜)つロ 乾杯~ 今天有点无聊,来学学 AbstractSequentialList 解解闷 吧! AbstractSequentialLi ...

  3. 8、SQL基础整理（约束）

    约束 主键约束 防止在新增数据时出错,有约束性,起唯一标志的作用,在新增条目的时候防止不慎添加重复内容(不允许有null值) 1.  右键—设计—设置主键 2.在创建表格时设置 code int pr ...

  4. HDU2222 (AC自动机）

    AC自动机模板题. 被卡内存了 死活A不掉.. AC自动机参考教程: http://www.cppblog.com/menjitianya/archive/2014/07/10/207604.html ...

  5. show master status empty解决方案

    The following MySQL error might occur if you are using MySQL replication and binary logs. mysql> ...

  6. Inno打包教程_百度经验

    Inno打包教程 Inno工具,是比较常用的打包软件.简简单单,一招叫你学会使用inno打包. 工具/原料 inno setup 软件 方法/步骤 双击桌面的:Inno setup compiler图 ...

  7. 一步一步理解word2Vec

    一.概述 关于word2vec,首先需要弄清楚它并不是一个模型或者DL算法,而是描述从自然语言到词向量转换的技术.词向量化的方法有很多种,最简单的是one-hot编码,但是one-hot会有维度灾难的 ...

  8. Object类、包装类、内部类详解

    1.Object类 1.概念: 1.1 所有类在创建时都默认继承了java.lang.Object 1.2 所有类对象都可以声明为类对象的引用 Object ob1=new String(); Obj ...

  9. tyvj1014 - 乘法游戏 ——记忆化搜索DP

    题目链接:https://www.tyvj.cn/Problem_Show.aspx?id=1014 f[i][j]表示区间［i,j］所得到的最小值. 不断地划分区间,把结果保存起来. #includ ...

  10. pascal矩阵

    帕斯卡矩阵 1.定义       帕斯卡矩阵:由杨辉三角形表组成的矩阵称为帕斯卡(Pascal)矩阵. 杨辉三角形表是二次项 (x+y)^n 展开后的系数随自然数 n 的增大组成的一个三角形表. 如4 ...