一个简单的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. 破解 RCA_CRACKME(解除隐藏按钮)

    系统 : Windows xp 程序 : RCA_CRACKME 程序下载地址 :http://pan.baidu.com/s/1bnoOQ6 要求 : 注册机编写 使用工具 : IDA Pro &a ...

  2. translate居中

      <!doctype html>   <html>   <head>   <meta charset="UTF-8">   < ...

  3. oracle疑难杂症问题

    在虚拟机中安装了oracle10g,由于虚拟机的空间有限,看到磁盘空间快没了,就手贱把oracle目录中的空文件夹(E:\oracle\product\10.2.0\flash_recovery_ar ...

  4. 从数学角度看最大期望(EM)算法 I

    [转载请注明出处]http://www.cnblogs.com/mashiqi 2014/11/18 更新.发现以前的公式(2)里有错误,现已改过来.由于这几天和Can讨论了EM算法,回头看我以前写的 ...

  5. Node.js简单介绍并实现一个简单的Web MVC框架

    编号:1018时间:2016年6月13日16:06:41功能:Node.js简单介绍并实现一个简单的Web MVC框架URL :https://cnodejs.org/topic/4f16442cca ...

  6. 利用curl计算网络文件大小

    ; CURL *handle = curl_easy_init(); curl_easy_setopt(handle, CURLOPT_URL, url); curl_easy_setopt(hand ...

  7. 有k个list列表, 各个list列表的元素是有序的,将这k个列表元素进行排序( 基于堆排序的K路归并排序)

    解题思路: 排序方法:多路归并排序 每次将n个list的头元素取出来,进行排序(堆排序),最小元素从堆中取出后,将其所在list的下一个元素 放入堆中,调整堆序列. 函数实现原型: void list ...

  8. WebRTC录音(1)-实现通话双向录音

    最近公司的iPad项目中一个功能点涉及到了VOIP通讯中的录音,需要在已有的WebRTC引擎中增加录音功能,录制通话双方的声音参考了往上一位兄弟的博文(链接在此 http://blog.csdn.ne ...

  9. matlab 已知函数值纵坐标值(Y值)获得对应的横坐标

    clear all;clc; x=-pi/2:pi/50:pi; y=sin(x); plot(x,y); grid on; fm=max(y) id=find(y==fm); xm=x(id) 转自 ...

  10. Android开源项目大全之工具库

    http://www.neast.cn/forum.php?mod=viewthread&tid=5487&fromuid=5