Web前端学习第二天·fighting_<head>标签的子标签

最新推荐文章于 2024-07-12 01:09:29 发布

weixin_34122810

最新推荐文章于 2024-07-12 01:09:29 发布

阅读量69

点赞数

文章标签：前端爬虫 java ViewUI

原文链接：http://www.cnblogs.com/Candy1029/p/5502972.html

版权

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

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

转载于:https://www.cnblogs.com/Candy1029/p/5502972.html

weixin_34122810

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端学习第二天·fighting_<head>标签的子标签

<head></head>的子标签　　<base/> 该文档所有链接的默认地址或默认目标。使用相对路径时特别有用（JavaWeb中用到）。　　<link/> 引用外部文档，常见于引用外部样式。重要属性有三个：rel、href、type。　　　　rel 规定文档与被链接文档之间的关系。　　　　　　rel=“dns-prefetch”...
复制链接

扫一扫