<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>标签
用来显示在浏览器的空白部分。