zoukankan      html  css  js  c++  java
  • Web前端学习第二天·fighting_<head>标签的子标签

    <head></head>的子标签

      <base/> 该文档所有链接的默认地址或默认目标。使用相对路径时特别有用(JavaWeb中用到)。

      <link/> 引用外部文档,常见于引用外部样式。重要属性有三个:rel、href、type。

        rel  规定文档与被链接文档之间的关系。

          rel=“dns-prefetch”  预先解析缓存文档中使用的域名,目的是为了提高网页访问速度。使用场景:在一个网页频繁使用其他域名资源时。

          rel="shortcut icon"或rel="icon"  在收藏和标题栏上用于显示的图标。示例:<link rel="shortcut icon" href="images/tianmao.ico" type="image/x-icon"/>。注意:IE浏览器只支持ico格式,为了兼容IE,图片文件采用ico格式。

          rel="stylesheet"  引用外部样式表。

          rel="nofollow"  用于指示搜索引擎不要追踪(爬虫抓取),减少垃圾链接。用于<a>标签,使用场景:网页不被信任或是不希望呗搜索引擎录入的网站。

        href  资源的路径(相对路径/绝对路径)。

        type  规定被连接文档的MIME类型(介绍如下),用于明确文件的打开方式。例如:.ico文件  image/x-icon。

      <meta/> 定义关于HTML文档的元数据。 重要的属性有三个:http-equiv、name、content

        http-equiv  把content属性值关联到http头部,常见的属性值有:Content-Type(浏览器接受的文档类型,一般是text/html,例如: <meta http-equiv="Content-Type" content="text/html ;charset=gb2312"/> ),expires(设定网页到期时间,一旦过期,必须到服务器上重传,例如: <meta http-equiv="expires" content="31 Dec 2015"/> ),refresh(网页刷新,以秒为单位,例如: <mata http-equiv="refresh" content="2"/> )。

        name  把content属性关联到一个名称。常见的属性值有:keywords(搜索关键字,用于搜索引擎抓取信息的显示),description(搜索到网站后显示的网页内容简描述),generator(站点制作者),Robots(与浏览器检索相关的设置,网页设计中几乎不用)。name也可以根据特定的功能自定义,在新浪网中有使用360认证和搜狐认证。例如: <meta name="360-site-verification" content="63349**********"/>

        content  定义与http-equiv或name属性相关的元信息,是必要的属性。

    什么是爬虫

       爬虫与搜索引擎相关,搜素引擎按照一定的规则,定向抓取相关网页资源。网络爬虫是一个自动提取网页的程序,它为搜索引擎从万维网上下载网页,是搜索引擎 的重要组成。传统爬虫从一个或若干初始网页的URL开始,获得初始网页上的URL,在抓取网页的过程中,不断从当前页面上抽取新的URL放入队列,直到满 足系统的一定停止条件。

      html中的<a>标签的rel属性可以设定一个链接是否能被搜索引擎追踪(抓取),当设置rel=“nofollow”时,该链接不能被搜索引擎追踪,可以减少垃圾链接的的产生。

      搜索引擎抓取数据进行显示时,会显示html中head部分的title的信息。   

    什么是MIME

      Multipurpose Internet Mail Extension  多用途互联网邮件扩展类型,用于明确文件的打开方式。不比死记,查文档即可。

    示例代码段1

    1 <!DOCTYPE html>
    2 <html>
    3     <head>
    4       <title>我的第一个网页</title>
    5       <link rel="shortcut icon" href="images/tianmao.ico" type="image/x-icon"/>
    6     </head>
    7 </html>

      出现以下问题时如何解决

    使用记事本编写的网页乱码如何解决(示例代码段1)

      可能是记事本保存时使用不是UTF-8这种通用的编码方式,可以在另存为时修改保存的类型为UTF-8。默认的保存格式是ANSI。

    IE浏览器不能显示网页图标如何解决(示例代码段1)

      并不是代码的问题,而是IE浏览器访问时路径的问题,使用IE浏览器直接打开时路径为C:\Users\Candy\Desktop\前端学习\HTML\myhtml.html,含有中文字符等,并不是使用传统URL的形式进行访问。

      解决办法:正常网页设计后都会部署到服务器上运行,IE浏览器的网页图标显示也可以按照同样的方式操作。使用VS打开html文件,在VS中的浏览器中进行显示时会自动部署到服务器上,路径变为URL的标准形式,而后使用IE浏览器访问该URL地址,即可正常显示网页图标。

    不使用<link>标签显示网页图标(在IE浏览器中)

    使用IaaS服务器部署的项目,只要将网页图标的ico文件放在根目录下,不需要编写<link>代码就可以显示该图标,这种方法只适用于IE浏览器(因为微软将IE浏览器与服务器做了绑定),其他的浏览器没有这种功能。

    打开一个网址并不是只进行了一次请求

    示例代码段2

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4     <title>我的第一个网页</title>
     5     <link rel="shortcut icon" href="images/tianmao.ico" type="image/x-icon"/>
     6     <meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
     7     <meta name="keywords" content="Java开发,安卓开发,Android,android,java"/>
     8     <meta name="description" content="该网站是我前端开发学习所做的第一个网站,主要涉及网页类型定义,头部子标签的使用两方面内容。"/>
     9     <meta http-equiv="expires" content="31 Dec 2016"/>
    10     <meta http-equiv="refresh" content="3"/>
    11     </head>
    12 </html>

    <body></body>标签

      用来显示在浏览器的空白部分。

      

  • 相关阅读:
    R 多图间距调整
    ggplot2 颜色渐变(离散颜色)设置
    R语言因子排序
    利用plink软件基于LD信息过滤SNP
    利用vcftools比较两个vcf文件
    在R语言中使用Stringr进行字符串操作
    perl 数组快速去除重复元素
    Shell中 ##%% 操作变量名
    Java基础之数值类型之间的转换
    Java中0.2减0.1 结果为什么不是0.1?
  • 原文地址:https://www.cnblogs.com/Candy1029/p/5502972.html
Copyright © 2011-2022 走看看