zoukankan      html  css  js  c++  java
  • 头部标签(<head></head>内的标签)

    【Meta】

    Meta标签分两大部分:HTTP标题信息(http-equiv)和页面描述信息(name)

    (1)  http-equiv类似于http的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的http-equiv类型有:

      ①   content-type和content-language(显示字符集的设定)

        <meta http-equiv="content-type" content="text/html;charset=utf-8">

        <meta http-equiv="content-language" content="zh-CN/EN/FR">

        (charset-字符集;gb2312-国标汉字码;big5-繁体中文码;utf-8;)

      ②   refresh(刷新)

        10秒后自动刷新一次:<meta http-equiv="refresh" content="10">

        10秒后自动跳转到另一文件:

          <meta http-equiv="refresh" content="10;url='欲连接文件的url' ">

      ③   page-enter/page-exit(页面载入或调出时的特效)

             <meta http-equiv="page-enter" content="blendtrans(duration=0.5)">

             <meta http-equiv="page-exit" content="blendtrans(duration=0.5)">

                 (blendtrans是动态滤镜的一种,产生渐隐效果)

             Revealtrans效果

        <meta http-equiv="page-enter" content="revealtrans(duration=#,transition=#)">

        <meta http-equiv="page-exit" content="revealtrans(duration=#,transition=#)">

          (duration表示滤镜特效持续时间(秒);transition表示滤镜类型(0~23))

      ④   content-script-type(脚本相关)

              <meta http-equiv="content-script-type" content="text/javascript">

               W3C的规范,指明页面中脚本的类型

      ⑤   http-equiv="pics-Label"时,content表示页面内容的等级

        ⑥  http-equiv="expires"时,content表示页面过期的日期

    (2)  name是描述网页的,对应于content(网页内容),以便于搜索引擎机器人查找分类

      (目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)

         <meta name="keywords" content="关键词1,关键词2,关键词3,…">

         <meta name="keywords" lang="EN" content="vacation,greece,sunshine">

         <meta name="keywords" lang="FR" content="vacances,grè:ce,soleil">

          (meta通常的作用是指定搜索引擎用来提高搜索质量的关键词,当数个meta元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过客户的语言优先参照来显示搜索结果)

         <meta name="description" content="网页简述">

      (将网页主页内容提交搜索引擎)

         <meta name="robots" content="all/none/index/noindex/follow/nofollow">

          (告诉搜索机器人哪些页面需要索引,哪些不需要)

             all:文件将被检索,且页面上的链接可以被查询

             none:文件将不被检索,且页面上的链接不可以被查询(和noindex/nofollow相同)

             index:文件将被检索(让robot/spider登录)

             noidex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spide登录)

             nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

         作者(author)<meta name="author" content="xxx,xxx@163.com">

         版权(copyright)<meta name="copyright" content="本页版权归xxx所有All Rights Reserved">

     

    【Link】

    link将目前文件与其它url作连结,但不会有连结按钮

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

      <link href="url" rel="relationship">

      <link href="url" rel="shortcut  icon">

          (功能:网站保存在文件夹中会带有小图标,点击进入后地址栏中也有小图标)

     

    【Base】

    base基链接

      <base href="放置文件的主机url" target="_blank/_parent/_self/_top/framename">

           如<base href="https://www.baidu.com">那么就是说,网页中所有的路径都相对https://www.baidu.com这一路径目录的,一个单独的链接中就可以写<img src="images/xx.jpg">,这样图片也能显示,但是你跟本找不到图片文件夹,因为都在https://www.baidu.com下

     

  • 相关阅读:
    Ubuntu 18.04安装gcc、g++ 4.8
    Java 接口返回值集合防止空指针
    Linux CentOS7.9环境下搭建Java Web 环境
    Springboot集成UReport2
    linux 环境中 单独执行 python 脚本
    sql 注入的问题
    检验上传文件的大小
    Gunicorn使用讲解
    CentOS下安装部署对象存储服务MinIO
    阿里云CentOS7安装MySQL
  • 原文地址:https://www.cnblogs.com/zhouwanqiu/p/8855839.html
Copyright © 2011-2022 走看看