JavaWeb学习笔记(软件系统体系结构、Tomcat、Web应用、HTTP协议)

JavaWeb学习笔记

  • JavaWeb学习笔记
    • 软件系统体系结构
      • 常见软件系统体系结构C/S、B/S
      • Web资源
      • Web服务器
    • Tomcat
      • Tomcat概述
      • 安装、启动、配置Tomcat
    • Web应用
      • 创建静态应用
      • 创建动态应用
      • 配置外部应用
      • 配置虚拟主机
    • HTTP协议
      • HTTP概述
      • 请求协议
        • GET请求
        • POST请求
      • 响应协议
        • 响应内容
        • 响应码
        • 其它响应头
      • 在HTML中指定响应头

JavaWeb学习笔记

软件系统体系结构

常见软件系统体系结构C/S、B/S

C/S

  • C/S结构即客户端/服务器(Client/Server),例如QQ;
  • 需要编写服务器端程序,以及客户端程序,例如我们安装的就是QQ的客户端程序;
  • 缺点:软件更新时需要同时更新客户端和服务器端两端,比较麻烦;
  • 优点:安全性比较好。

B/S

  • B/S结构即浏览器/服务器(Browser/Server);
  • 优点:只需要编写服务器端程序;
  • 缺点:安全性较差。

Web资源

  • html:静态资源(html、css、javascript、图片等);
  • JSP/Servlet:动态资源(javaweb的动态资源有jsp/servlet,其他web程序动态资源有asp、php等)。

静态资源和动态资源的区别:

  • 客户端访问服务器静态资源,服务器直接响应;
  • 客户端访问服务器动态资源,服务器需要先把动态资源转换成静态资源,再响应。

JavaWeb学习笔记(软件系统体系结构、Tomcat、Web应用、HTTP协议)_第1张图片
访问Web资源:
打开浏览器,输入URL:

  • 协议名://域名:端口/路径,例如:http://www.baidu.com:80/index.html

Web服务器

Web服务器的作用是接收客户端的请求,给客户端作出响应。
对于JavaWeb程序而已,还需要有JSP/Servlet容器,JSP/Servlet容器的基本功能是把动态资源转换成静态资源,当然JSP/Servlet容器不只这些功能,我们会在后面一点一点学习。
我们需要使用的是Web服务器和JSP/Servlet容器,通常这两者会集于一身。下面是对JavaWeb服务器:

  • Tomcat(Apache):当前应用最广的JavaWeb服务器;
  • JBoss(Redhat红帽):支持JavaEE,应用比较广;
  • GlassFish(Orcale):Oracle开发JavaWeb服务器,应用不是很广;
  • Resin(Caucho):支持JavaEE,应用越来越广;
  • Weblogic(Orcale):要钱的!支持JavaEE,适合大型项目;
  • Websphere(IBM):要钱的!支持JavaEE,适合大型项目;
其实j2EE就是java的企业版,与javaSE(标准版)有是有区别的,所以运行环境会有差异(简单点可以说,这是两组不同的接口),我们一般所熟悉的tomcat仅仅只实现了j2ee的一小部分规范,它只是一个serlvet的容器(Web)容器,它不能跑J2EE的程序,EJB说到底也是种规范,它是j2EE下面的一个子分类(核心类),所以j2ee包含EJB,同时我们都可以说JBOSS,Weblogic,WebSphere是J2EE容器,也可以叫EJB容器。因为它们能跑EJB组件。那么什么是EJB组件呢?其实就是java写出来的一段程序被打包成EAR包,这个EAR包放在某个EJB的容器的特定目录下启动就可以跑了。类似于互联网公司经常使用的WAR包(部署在tomcat上)。

Tomcat

Tomcat概述

  Tomcat服务器由Apache提供,开源免费。由于Sun和其他公司参与到了Tomcat的开发中,所以最新的JSP/Servlet规范总是能在Tomcat中体现出来。当前最新版本是Tomcat8,文章中使用的是Tomcat7。Tomcat7支持Servlet3.0,而Tomcat6只支持Servlet2.5!
  Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。对于一个初学者来说,可以这样认为,当在一台机器上配置好Apache 服务器,可利用它响应HTML(标准通用标记语言下的一个应用)页面的访问请求。实际上Tomcat是Apache 服务器的扩展,但运行时它是独立运行的,所以当你运行tomcat 时,它实际上作为一个与Apache 独立的进程单独运行的。

安装、启动、配置Tomcat

下载Tomcat可以到http://tomcat.apache.org下载。
Tomcat分为安装版和解压版:

  • 安装版:一台电脑上只能安装一个Tomcat;
  • 解压版:无需安装,解压即可用,解压多少份都可以,所以我们选择解压版。

启动Tomcat
在启动Tomcat之前,我们必须要先配置环境变量

  • JAVA_HOME:必须先配置JAVA_HOME,因为Tomcat启动需要使用JDK;
  • CATALANA_HOME:如果是安装版,那么还需要配置这个变量,这个变量用来指定Tomcat的安装路径,例如:F:\apache-tomcat-7.0.42。
  • 启动:进入%CATALANA_HOME%\bin目录,找到startup.bat,双击即可;
  • 关闭:进入%CATALANA_HOME%\bin目录,找到shutdown.bat,双击即可;
    (直接关闭窗口不是正常的关闭Tomcat方式)

startup.bat会调用catalina.bat,而catalina.bat会调用setclasspath.bat,setclasspath.bat会使用JAVA_HOME环境变量,所以我们必须在启动Tomcat之前把JAVA_HOME配置正确。

注意:点击startup.bat后窗口一闪即消失:检查JAVA_HOME环境变量配置是否正确。

Tomcat目录结构
  把解压版Tomcat解压到一个没有中文,没有空格的路径中即可,建议路径不要太深,因为我们需要经常进入Tomcat安装目录。例如:F:\apache-tomcat-7.0.42

  • bin:该目录下存放的是二进制可执行文件,如果是安装版,那么这个目录下会有两个exe文件:tomcat6.exe、tomcat6w.exe,前者是在控制台下启动Tomcat,后者是弹出UGI窗口启动Tomcat;如果是解压版,那么会有startup.bat和shutdown.bat文件,startup.bat用来启动Tomcat,但需要先配置JAVA_HOME环境变量才能启动,shutdawn.bat用来停止Tomcat;
  • conf:这是一个非常非常重要的目录,这个目录下有四个最为重要的文件:
    • server.xml:配置整个服务器信息。例如修改端口号,添加虚拟主机等;下面会详细介绍这个文件;
    • tomcatusers.xml:存储tomcat用户的文件,这里保存的是tomcat的用户名及密码,以及用户的角色信息。可以按着该文件中的注释信息添加tomcat用户,然后就可以在Tomcat主页中进入Tomcat Manager页面了;
    • web.xml:部署描述符文件,这个文件中注册了很多MIME类型,即文档类型。这些MIME类型是客户端与服务器之间说明文档类型的,如用户请求一个html网页,那么服务器还会告诉客户端浏览器响应的文档是text/html类型的,这就是一个MIME类型。客户端浏览器通过这个MIME类型就知道如何处理它了。当然是在浏览器中显示这个html文件了。但如果服务器响应的是一个exe文件,那么浏览器就不可能显示它,而是应该弹出下载窗口才对。MIME就是用来说明文档的内容是什么类型的!
    • context.xml:对所有应用的统一配置,通常我们不会去配置它。
  • lib:Tomcat的类库,里面是一大堆jar文件。如果需要添加Tomcat依赖的jar文件,可以把它放到这个目录中,当然也可以把应用依赖的jar文件放到这个目录中,这个目录中的jar所有项目都可以共享之,但这样你的应用放到其他Tomcat下时就不能再共享这个目录下的Jar包了,所以建议只把Tomcat需要的Jar包放到这个目录下;
  • logs:这个目录中都是日志文件,记录了Tomcat启动和关闭的信息,如果启动Tomcat时有错误,那么异常也会记录在日志文件中。
  • temp:存放Tomcat的临时文件,这个目录下的东西可以在停止Tomcat后删除!
  • webapps:存放web项目的目录,其中每个文件夹都是一个项目;如果这个目录下已经存在了目录,那么都是tomcat自带的。项目。其中ROOT是一个特殊的项目,在地址栏中没有给出项目目录时,对应的就是ROOT项目。http://localhost:8080/examples,进入示例项目。其中examples就是项目名,即文件夹的名字。
  • work:运行时生成的文件,最终运行的文件都在这里。通过webapps中的项目生成的!可以把这个目录下的内容删除,再次运行时会生再次生成work目录。当客户端用户访问一个JSP文件时,Tomcat会通过JSP生成Java文件,然后再编译Java文件生成class文件,生成的java和class文件都会存放到这个目录下。
  • LICENSE:许可证。
  • NOTICE:说明文件。

Web应用

创建静态应用

静态网站:

  • 在webapps目录下创建一个目录(命名必须不包含中文和空格),这个目录称之为项目目录;
  • 在项目目录下创建一个html文件;

步骤:

  • 在webapps下创建一个hello目录;
  • 在webapps\hello\下创建index.html;
  • 启动tomcat;
  • 打开浏览器访问http://localhost:8080/hello/index.html
<html>
  <head>
    <title>hellotitle>
  head>
  <body>
    <h1>Hello World!h1>
  body>
html>

创建动态应用

动态网站:

  • 在webapps目录下创建一个项目目录;
  • 在项目目录下创建如下内容:
    • WEB-INF目录;
      • 在WEB-INF目录下创建web.xml文件
    • 创建静态或动态页面

步骤:

  • 在webapps下创建hello1目录;
  • 在webapps\hello1\下创建WEB-INF目录;
  • 在webapps\hello1\WEB-INF\下创建web.xml;
  • 在webapps\hello1\下创建index.html。
  • 打开浏览器访问http://localhost:8080/hello/index.html

web.xml


<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
web-app>

完整的Web应用还需要在WEB-INF目录下创建:

  • classes;
  • lib目录;

webapps
|- hello
 |-index.html
 |-WEB-INF
  |-web.xml
  |-classes
  |-lib

路径介绍:

  • hello:应用目录,hello就是应用的名称;

  • index.html:应用资源。应用下可以有多个资源,例如css、js、html、jsp等,也可以把资源放到文件夹中,例如:hello\html\index.html,这时访问URL为:http://localhost:8080/hello/html/index.html;

  • WEB-INF:这个目录名称必须是大写, 这个目录下的东西是无法通过浏览器直接访问的,也就是说放到这里的东西是安全的;

  • web.xml:应用程序的部署描述符文件,可以在该文件中对应用进行配置,例如配置应用的首页:

      
        index.html
      
    
  • classes:存放class文件的目录;

  • lib:存放jar包的目录;

配置外部应用

  原来我们的项目放到webapps下,现在我放到外面,也希望tomcat可以找到它!
  也可以把应用放到Tomcat之外,这就是外部应用了。例如我们把上面写的hello应用从webapps目录中剪切到C盘下,即C:/hello。现在hello这个Web应用已经不在Tomcat中了,这时我们需要在tomcat中配置外部应用的位置,配置的方式一共有两种:

  • conf/server.xml:打开server.xml文件,找到元素,在其中添加元素,代码如下:
    server.xml
    JavaWeb学习笔记(软件系统体系结构、Tomcat、Web应用、HTTP协议)_第2张图片
  1. path:指定当前应用的名称;
  2. docBase:指定应用的物理位置;
  3. 浏览器访问路径:http://localhost:8080/itcast_hello/index.html。
  • conf/catalana/localhost:在该目录下创建itcast_hello.xml(文件名与应用名同名)文件,在该文件中编写元素,代码如下:
    在这里插入图片描述
  1. 文件名:指定当前应用的名称;
  2. docBase:指定应用的物理位置;
  3. 浏览器访问路径:http://localhost:8080/itcast_hello/index.html。

配置虚拟主机

我们的目标是,在浏览器中输出:http://www.baidu.com就可以访问我们的项目hello。
成这一目标,我们需要做三件事:

  • 修改端口号为80,因为当我们在访问网页时不指定端口号的情况下,系统会自动分配一个端口号80;
  • 在本机上可以解析域名为127.0.0.1,这需要修改C:\WINDOWS\system32\drivers\etc\hosts文件,添加对http://www.baidu.com和127.0.01的绑定关系;
  • 在server.xml文件中添加一个(主机)。
  1. 修改端口号为80
    在这里插入图片描述

  2. 绑定h127.0.0.1和www.baidu.com的绑定关系

    127.0.0.1 www.baidu.com

  3. server.xml文件中添加一个

在这里插入图片描述

  • name=”www.baidu.com”:指定虚拟主机名为www.baidu.com;
  • appBase=”D:/hello”:指定当前虚拟主机的应用程序存放目录为D:/hello。
  • 在itcastapps目录下创建名为ROOT的应用,因为一个主机只可以有一个名为ROOT的应用,名为ROOT的应用在浏览器中访问是可以不给出应用名称。
    JavaWeb学习笔记(软件系统体系结构、Tomcat、Web应用、HTTP协议)_第3张图片
    注意:该方法在IE浏览器下有效,在狐火浏览器下会显示未找到网页

HTTP协议

HTTP概述

  HTTP(hypertext transport protocol),即超文本传输协议。这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。
  HTTP就是一个通信规则,通信规则规定了客户端发送给服务器的内容格式,也规定了服务器发送给客户端的内容格式。其实我们要学习的就是这个两个格式!客户端发送给服务器的格式叫“请求协议”;服务器发送给客户端的格式叫“响应协议”。

请求协议

请求协议的格式如下:

请求首行
请求头信息
(空行)
请求体
浏览器发送给服务器的内容就这个格式的,如果不是这个格式服务器将无法解读!在HTTP协议中,请求有很多请求方法,其中最为常用的就是GET和POST。不同的请求方法之间的区别,后面会一点一点的介绍。

GET请求

打开火狐浏览器,F12打开开发者工具,点击“网络”选项卡,筛选出想要看的网络信息,消息头就是header的中文意思,具体的数据信息在下方,包括响应头和请求头两种。
JavaWeb学习笔记(软件系统体系结构、Tomcat、Web应用、HTTP协议)_第4张图片
注意:记得打开“原始”按钮,用以查看原始数据

GET /hello/index.jsp HTTP/1.1
Host: localhost
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-cn,zh;q=0.5
Accept-Encoding: gzip, deflate
Accept-Charset: GB2312,utf-8;q=0.7,*;q=0.7
Connection: keep-alive
Cookie: JSESSIONID=369766FDF6220F7803433C0B2DE36D98
  • GET /hello/index.jsp HTTP/1.1:GET请求,请求服务器路径为/hello/index.jsp,协议为1.1;
  • Host:localhost:请求的主机名为localhost;
  • User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:5.0) Gecko/20100101 Firefox/5.0:与浏览器和OS相关的信息。有些网站会显示用户的系统版本和浏览器版本信息,这都是通过获取User-Agent头信息而来的;
  • Accept: text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8:告诉服务器,当前客户端可以接收的文档类型,其实这里包含了*/*,就表示什么都可以接收;
  • Accept-Language: zh-cn,zh;q=0.5:当前客户端支持的语言,可以在浏览器的工具选项中找到语言相关信息;
  • Accept-Encoding: gzip, deflate:支持的压缩格式。数据在网络上传递时,可能服务器会把数据压缩后再发送;
  • Accept-Charset: GB2312,utf-8;q=0.7,*;q=0.7:客户端支持的编码;
  • Connection: keep-alive:客户端支持的链接方式,保持一段时间链接,默认为3000ms;
  • Cookie: JSESSIONID=369766FDF6220F7803433C0B2DE36D98:因为不是第一次访问这个地址,所以会在请求中把上一次服务器响应中发送过来的Cookie在请求中一并发送去过;这个Cookie的名字为JSESSIONID,然后在讲会话是讲究它!

POST请求

为了演示POST请求,我们需要修改index.jsp页面,即添加一个表单:

<form action="" method="post">
  关键字:<input type="text" name="keyword"/>
  <input type="submit" value="提交"/>
form>

在这里插入图片描述
打开浏览器,输入hello后点击提交,查看请求内容如下:

POST /hello/index.jsp HTTP/1.1
Accept: image/gif, image/jpeg, image/pjpeg, image/pjpeg, application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/x-ms-application, application/x-ms-xbap, application/vnd.ms-xpsdocument, application/xaml+xml, */*
Referer: http://localhost:8080/hello/index.jsp
Accept-Language: zh-cn,en-US;q=0.5
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
Host: localhost:8080
Content-Length: 13
Connection: Keep-Alive
Cache-Control: no-cache
Cookie: JSESSIONID=E365D980343B9307023A1D271CC48E7D

keyword=hello

POST请求是可以有体的,而GET请求不能有请求体。

  • Referer: http://localhost:8080/hello/index.jsp:请求来自哪个页面,例如你在百度上点击链接到了这里,那么Referer:http://www.baidu.com;如果你是在浏览器的地址栏中直接输入的地址,那么就没有Referer这个请求头了;
  • Content-Type: application/x-www-form-urlencoded:表单的数据类型,说明会使用url格式编码数据;url编码的数据都是以“%”为前缀,后面跟随两位的16进制,例如“传智”这两个字使用UTF-8的url编码用为“%E4%BC%A0%E6%99%BA”;
  • Content-Length:13:请求体的长度,这里表示13个字节。
  • keyword=hello:请求体内容!hello是在表单中输入的数据,keyword是表单字段的名字。

  Referer请求头是比较有用的一个请求头,它可以用来做统计工作,也可以用来做防盗链。
  统计工作: 我公司网站在百度上做了广告,但不知道在百度上做广告对我们网站的访问量是否有影响,那么可以对每个请求中的Referer进行分析,如果Referer为百度的很多,那么说明用户都是通过百度找到我们公司网站的。
  防盗链: 我公司网站上有一个下载链接,而其他网站盗链了这个地址,例如在我网站上的index.html页面中有一个链接,点击即可下载JDK7.0,但有某个人的微博中盗链了这个资源,它也有一个链接指向我们网站的JDK7.0,也就是说登录它的微博,点击链接就可以从我网站上下载JDK7.0,这导致我们网站的广告没有看,但下载的却是我网站的资源。这时可以使用Referer进行防盗链,在资源被下载之前,我们对Referer进行判断,如果请求来自本网站,那么允许下载,如果非本网站,先跳转到本网站看广告,然后再允许下载。

响应协议

响应内容

响应首行
响应头信息
(空行)
响应体

响应内容是由服务器发送给浏览器的内容,浏览器会根据响应内容来显示。

HTTP/1.1 200 OK
Server: Apache-Coyote/1.1
Content-Type: text/html;charset=UTF-8
Content-Length: 724
Set-Cookie: JSESSIONID=C97E2B4C55553EAB46079A4F263435A4; Path=/hello
Date: Wed, 25 Sep 2012 04:15:03 GMT
  • HTTP/1.1 200 OK:响应协议为HTTP1.1,状态码为200,表示请求成功,OK是对状态码的解释;
  • Server: Apache-Coyote/1.1:服务器的版本信息;
  • Content-Type: text/html;charset=UTF-8:响应体使用的编码为UTF-8;
  • Content-Length: 724:响应体为724字节;
  • Set-Cookie: JSESSIONID=C97E2B4C55553EAB46079A4F263435A4; Path=/hello:响应给客户端的Cookie;
  • Date: Wed, 25 Sep 2012 04:15:03 GMT:响应的时间,这可能会有8小时的时区差;

响应码

响应码
响应头对浏览器来说很重要,它说明了响应的真正含义。例如200表示响应成功了,302表示重定向,这说明浏览器需要再发一个新的请求。

  • 200:请求成功,浏览器会把响应体内容(通常是html)显示在浏览器中;
  • 404:请求的资源没有找到,说明客户端错误的请求了不存在的资源;
  • 500:请求资源找到了,但服务器内部出现了错误;
  • 302:重定向,当响应码为302时,表示服务器要求浏览器重新再发一个请求,服务器会发送一个响应头Location,它指定了新请求的URL地址;
  • 304:当用户第一次请求index.html时,服务器会添加一个名为Last-Modified响应头,这个头说明了index.html的最后修改时间,浏览器会把index.html内容,以及最后响应时间缓存下来。当用户第二次请求index.html时,在请求中包含一个名为If-Modified-Since请求头,它的值就是第一次请求时服务器通过Last-Modified响应头发送给浏览器的值,即index.html最后的修改时间,If-Modified-Since请求头就是在告诉服务器,我这里浏览器缓存的index.html最后修改时间是这个,您看看现在的index.html最后修改时间是不是这个,如果还是,那么您就不用再响应这个index.html内容了,我会把缓存的内容直接显示出来。而服务器端会获取If-Modified-Since值,与index.html的当前最后修改时间比对,如果相同,服务器会发响应码304,表示index.html与浏览器上次缓存的相同,无需再次发送,浏览器可以显示自己的缓存页面,如果比对不同,那么说明index.html已经做了修改,服务器会响应200。
    JavaWeb学习笔记(软件系统体系结构、Tomcat、Web应用、HTTP协议)_第5张图片

响应头:

  • Last-Modified:最后的修改时间;

请求头:

  • If-Modified-Since:把上次请求的index.html的最后修改时间还给服务器;
    状态码:304,比较If-Modified-Since的时间与文件真实的时间一样时,服务器会响应304,而且不会有响正文,表示浏览器缓存的就是最新版本!

其它响应头

告诉浏览器不要缓存的响应头:

  • Expires: -1;
  • Cache-Control: no-cache;
  • Pragma: no-cache;

如果网页经常更新,那么就需要响应头告诉浏览器不要缓存。

自动刷新响应头,浏览器会在3秒之后请求http://www.baidu.com:

  • Refresh: 3;url=http://www.baidu.com

在HTML中指定响应头

在HTMl页面中可以使用来指定响应头,例如在index.html页面中给出,表示浏览器只会显示index.html页面3秒,然后自动跳转到http://www.baidu.com


<html>
  <head>
    <base href="http://localhost:8080/hello/">
    
    <title>My JSP 'index.jsp' starting pagetitle>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
  head>
  
  <body>
<form action="" method="post">
  关键字:<input type="text" name="keyword"/>
  <input type="submit" value="提交"/>
form>
  body>
html>

meta标签共有两个属性:

  1. http-equiv属性
  2. name属性

http-equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为contentcontent中的内容其实就是各个参数的变量值。
meta标签的http-equiv属性语法格式是:
<meta http-equiv=”参数” content=”参数变量值”>

其中http-equiv属性主要有以下几种参数:

1.:如果网页过期,那么存盘的cookie将被删除。必须使用GMT的时间格式。
2.<meta http-equiv='expires' content='时间' >:用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
3.<meta http-equiv=”Refresh” content=”5;URL”>:告诉浏览器在【数字】秒后跳转到【一个网址】
4.<meta http-equiv=”content-Type” content=”text/html; charset=utf-8″>:设定页面使用的字符集。
  <meta charset=”utf-8″>:在HTML5中设定字符集的简写写法。
5.<meta http-equiv=”Pragma” content=”no-cache”>:禁止浏览器从本地计算机的缓存中访问页面内容。访问者将无法脱机浏览。
6.<meta http-equiv=”Window-target” content=”_top”>:用来防止别人在iframe(框架)里调用自己的页面,这也算是一个非常实用的属性。
7.<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'> :强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果是ie浏览器就用最新的ie渲染,如果是双核浏览器就用chrome内核。

name属性
主要用于描述网页,与之对应的属性值为contentcontent中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meat标签的name属性语法格式是:
<meta name=”参数” content=”具体的参数值”>
其中name属性主要有以下几种参数:
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meat标签的name属性语法格式是:<meta name=”参数” content=”具体的参数值”>
其中name属性主要有以下几种参数:

1.:在移动设备浏览器上,禁用缩放(zooming)功能,用户只能滚动屏幕。
2.<meta name=”description” content=””>:告诉搜索引擎,当前页面的主要内容是xxx。
3.<meta name=”keywords” content=””>:告诉搜索引擎,当前页面的关键字。
4.<meta name=”author” content=””>:告诉搜索引擎,标注网站作者是谁。
5.<meta name=”copyright” content=””>:标注网站的版权信息。

meta中name标签的功能
1、帮助主页被各大搜索引擎登录
meta标签的一个很重要的功能就是设置关键字,来帮助你的主页被各大搜索引擎登录,提高网站的访问量。
在这个功能中,最重要的就是对Keywordsdescription的设置。因为按照搜索引擎的工作原理,搜索引擎首先派出机器人自动检索页面中的keywordsdecription,并将其加 入到自己的数据库,然后再根据关键词的密度将网站排序。
因此,我们必须设置好关键字,来提高页面的搜索点击率。下面我们来举一个例子供大家参考:

<meta name=”keywords” content=”网页,网页制作,网页特效,建站指南,教程下载,动画制作,网页教学,网页素材,视频教程,技术论坛,免费空间,免费域名”>

作者:缺月楼
链接:https://www.jianshu.com/p/179ddc16ef55

你可能感兴趣的:(JavaWeb基础)