• HTML中head标签的内容


    HTML中head标签


    < head> 标签用于定义文档的头部,它是所有头部元素的容器。< head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

    文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

    下面这些标签可用在 head 部分:

    <   base>, <    link>, <    meta>, <    script>, <  style>, 以及 <    title>
    

    < title> 它是 head 部分中唯一必需的元素。标签中的文本是文件的标题。标题会显示在浏览器的标题栏。


    < base> 标签


    < base> 标签为页面上的所有链接规定默认地址或默认目标。

    通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 < base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 < a>、< img>、< link>、< form> 标签中的 URL。

    < base>中的target,将指定页面中所有链接的打开方式。
    实例

    <   head>
    <   base href="http://www.baidu.com.cn/i/" />
    <   base target="_blank" />
    <   /head>
    <   body>
    <   img src="eg_smile.gif" />
    <   a href="http://www.baidu.com.cn">Baidu</    a>
    <   /body>
    

    < link> 标签


    <   link> 标签定义文档与外部资源的关系。
    
    <   link> 标签最常见的用途是链接样式表。
    

    实例
    链接一个外部样式表:

    <   head>
    <   link rel="stylesheet" type="text/css" href="theme.css" />
    </  head>
    

    引用网址http://www.cnblogs.com/fslnet/archive/2009/11/17/1604444.html


    < meta> 标签


    HTML meta content-type 定义文件MIME类型
    HTML meta charset 定义网页编码信息
    HTML meta content-language 定义页面语言
    HTML meta refresh 刷新与跳转(重定向)页面
    HTML meta expires 网页缓存过期时间
    HTML meta pragma no-cache 页面缓存
    HTML meta keywords 网页关键词
    HTML meta description 网页简短描述
    HTML meta author 网页作者
    HTML meta copyright 网页版权
    HTML meta date 网页生成时间
    HTML meta robots 搜索引擎索引方式
    

    meta 标签 – 在head标签中的meta标签,可以为HTML文档提供额外信息
    此标签是单独出现的,< meta />此标签只能出现在head标签内

    引用网址:http://www.dreamdu.com/xhtml/tag_meta/

    属性:

    I18N -- i18n属性
    xml:lang -- 国际化属性
    content -- content属性
    http-equiv -- http-equiv属性
    id -- id属性
    name -- name属性
    scheme -- scheme属性
    meta的英文翻译为"元"
    meta是metainformation的缩写
    

    name属性与content属性

    name属性的值所描述的内容(值)通过content属性表示,便于搜索引擎机器人查找,
    分类.其中最重要的是description,keywords和robots.

    http-equiv属性与content属性

    http-equiv属性用于提供HTTP协议的响应头报文(MIME文档头),它是以名称/值形式的名称,http-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用.其中最重要的是content-type charset 提供编码信息,refresh刷新与跳转页面,no-cache 页面缓存,expires网页缓存过期时间.


    < script> 标签


    script标签通常放置在一个网页的头部标签head标签内的用于链接外部JS文件外部资源标签,< script> 标签最常见的用途是链接外部js,外部资源。

    实例

    <   script src="js/index.js" type="text/javascript"></  script>
    

    script使用实例演示
    链接外部JS时候script 标签的内容结构解释
    src的值为外部资源地址,这里是js文件的地址,相当于link标签href链接外部css文件一样CSS引用

    type规定被链接文档的 MIME 类,这里是值为text/javascript
    特别说明< script>标签和link标签一样不一定必须放置在< head>标签内,可以适当放置在html网页源代码中任何地方,效果相同,但是推荐标准的放置在head标签内

    引用网址http://www.divcss5.com/html/h69.shtml


    < style> 标签


    style 标签 – 在文档中声明样式时使用此标签
    style标签是成对出现的,以结束
    属性
    media – 媒体类型,参见CSS高级教程
    type – 包含内容的类型,一般使用type=”text/css”
    引用网址:http://www.dreamdu.com/xhtml/tag_style/

    实例

    <   head>
      < style type="text/css">
    abbr
    {
        font-size: 12px;
    }
    .text10pxwhite
    {
        font-size: 10px;
        color: #FFFFFF;
    }
        </ style>
    <   / head>
    
    很多事情即将开始,很多人的命运即将改变
  • 相关阅读:
    【剑指offer】复杂链表的复制
    【剑指offer】数组中只出现一次的数
    【剑指offer】数组在排序数组中出现的次数
    【剑指offer】数组中重复的数字
    【剑指offer】两个链表的第一个公共结点
    【剑指offer】1+….+n,不能使用相关关键字
    【剑指offer】连续子数组的最大和
    JS全国城市三级联动
    ES6语法
    前端es6基础语法
  • 原文地址:https://www.cnblogs.com/liuzk/p/12458982.html
Copyright © 2020-2023  润新知