Web前端学习次日·fighting_标签的子标签

时间 2019-11-25

标签 web 前端学习次日 fighting 标签栏目 HTML 繁體版

原文原文链接

<head></head>的子标签html

　　<base/> 该文档全部连接的默认地址或默认目标。使用相对路径时特别有用（JavaWeb中用到）。前端

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

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

　　　　　　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。fetch

　　<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>标签

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