html静态页面编程案例
很多同学在进行编程学习时缺乏系统学习的资料。本页面基于html静态页面编程案例内容,从基础理论到综合实战,通过实用的知识类文章,标准的编程教程,丰富的视频课程,为您在html静态页面编程案例相关知识领域提供全面立体的资料补充。同时还包含 h6、hack、hadoop 的知识内容,欢迎查阅!
html静态页面编程案例相关知识
-
PHP实现页面静态化课程-简单小结关于静态 动态页面与静态页面 1、动态文件执行过程:语法分析-编译-运行 2、静态文件,不需要编译,直接运行。 静态文件不去进行语法分析和编译,直接去运行就可以了,所以加载静态文件要比动态文件要快 优化页面响应时间 1、动态页面静态化 2、优化数据库 3、使用负载均衡 4、使用缓存 静态与伪静态 1、从URL结构以及页面名称看,伪静态和静态页面是一样的。伪静态的页面后缀可以是html htm 或者是目录格式 2、伪静态只是改变了URL的表现形式,实际上还是动态页面 3、静态页面可
-
Asp.net实现页面伪静态摘要从页面Url及页面名称上看,你会发现静态页面和伪静态是一样的。伪静态的页面后缀可能是html,htm,cshtml等,只是改变了url的表现形式,实际上还是动态的页面。在SEO方面,伪静态和静态页面的功能是相同,但伪静态本质上还是动态页面,不会像静态页面那样占用服务器空间资源。UrlRewrite这里通过Url重写的方式实现伪静态。首先通过Nuget安装UrlRewrite包。修改web.config,添加如下内容<?xml version="1.0" encoding="utf-8"?><!-- 有关如何配置 ASP.NET 应用程序的详细信息,请访问 http://go.microsoft.com/fwlink/?LinkId=301880 --><configuration> <con
-
小谈一下动态与静态网页之前网页篇所讲的html及CSS的内容,都是静态的网页。所谓的静态,就是程序员写好了,放在那,客户访问的时候是一样的样子,不会变化。而现实中真正重量级的程序,是动态。所谓动态,就是不同的用户,可以看到不同的内容(不同用户登录淘宝、购物车里的东西是不一样的)。 静态网页,我们可以借助Html和CSS来实现,这两种语言,都是依赖浏览器实现的。也就是说,浏览器根据规则,将html和CSS语言编写的代码,显示为相应的画面。 而动态网页,则需要服务器端实现(此处稍微有点片面,但是此刻这
-
静态页面和动态页面浅略理解(2)小马夫 静态页面和动态页面的区别 一、静态web页面: 1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务器我现在需要得到哪个页面,所有的请求交给Web服务器,之后WEB服务器根据用户的需要,从文件系统(存放了所有静态页面的磁盘)取出内容。之后通过Web服务器返回给客户端,客户端接收到内容之后经过浏览器渲染解析,得到显示的效果。 2、为了让静态web页面显示更加好看,使用javascript/VBScri
html静态页面编程案例相关课程
html静态页面编程案例相关教程
- 1.1 静态网站 静态网站指的是网站下所有的页面都是使用 HTML 构成的网站。所谓静态,不是指网页是静止不动的,网页中也可以有动画,视频等信息。这里的静态,指的是无法与服务端进行互动。只是被动的解析显示服务器端响应回来的信息。静态网站的优点:容易被搜索引擎收录,方便 SEO 优化。内容独立,不依赖于数据库。静态网站的缺点:维护成本比较大,大部分内容需要人工手工更新。页面无法互动,用户体验不佳。
- 1.2 早期的动态网站 后来,互联网得到了飞速的发展,人们不再满足网页只有静态文本的形式,于是开发动态网页的技术就应运而生了,例如专用于开发动态网页的 PHP 编程语言。1995 年,Rasmus Lerdorf 发明了 PHP 编程语言。PHP 是在服务器端执行脚本语言,它输出 HTML 文本返回给浏览器。使用 PHP 开发的网页,网页内容是运行时刻动态生成的。在上面的例子中,很容易实现实时显示今天的日期的功能,PHP 脚本通过调用 date () 函数获取当前日期, 即可生成包含有当前日期的 HTML 文件。
- 3.3. 静态资源 如果浏览器中请求的是一个静态资源(浏览器能解释的资源,如 Html、Css、Js、图片……),有必要经过前端控制器吗?当然不需要。但是,你可以试着在 WEB 项目的 根目录下创建名为 static.html 的静态资源,然后在浏览器直接请求一下(http://localhost:8888/sm-demo/static.html)。会发现请求不到,那是因为你的请求还是经过了前端控制器。所以,咱们要告诉 Spring MVC 静态资源还是交回给 Servlet 容器处理吧, 就不劳您大驾了。打开 WebConfig 配置类,让其实现 WebMvcConfigurer 接口;public class WebConfig implements WebMvcConfigurer{ }重写 configureDefaultServletHandling() 方法,启动 Servlet 的 default Servlet 来处理静态资源;public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) { configurer.enable();}再次请求 http://localhost:8888/sm-demo/static.html ,你应该能看到静态页面的内容。
- 2.1 案例1 准备好静态资源文件,我们就在 /root/test/ 下新建一个 index.html,并新建目录 web,同时继续在 web 目录下分别新建 web1.html 和 web2.html 文件,具体的目录结构如下所示:[root@server ~]# cd /root/test[root@server test]# tree ..├── index.html└── web ├── web1.html └── web2.html1 directory, 3 filesNginx 的配置如下:user root;worker_processes 2;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events { worker_connections 1024;}http { include mime.types; default_type application/octet-stream; #log_format main '$remote_addr - $remote_user [$time_local] "$request" ' # '$status $body_bytes_sent "$http_referer" ' # '"$http_user_agent" "$http_x_forwarded_for"'; #access_log logs/access.log main; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; #gzip on; server { listen 8080; # 静态资源根理解 root /root/test; # 打开目录浏览功能 autoindex on; # 指定网站初始页,找index.html或者index.htm页面 index index.html index.htm; } server { listen 8081; location /web { root /root/test/; } } server { listen 8082; location /web { alias /root/test/; } }}测试结果对于监听的 8080 端口,我们直接使用 root 指令,指定资源的根路径。这样子,当我们在浏览器上直接访问 http:// 服务器的 ip:8080/web/web1.html 或者 http://服务器ip:8080/web/web2.html 时,就能访问对应的 web1.html 和 web2.html 页面;若没有指定静态资源地址(即/路径),默认会找由 index 指令指定的文件,即 index.html 或者 index.htm 文件;访问 8080 的/地址访问web1.html文件访问web2.html文件对于监听的 8081 端口,我们直接使用 root 指令,指定资源的根路径。当请求 http://服务器ip:8081/web/xxxx 地址时,等价于访问服务器上的静态资源文件 /root/test/[匹配到的web]/xxxx,也即/root/test/web/xxxx,访问 web2.html 类似;通过 8081 端口访问 web1.html 资源通过 8081 端口访问静态资源 web2.html对于监听的 8082 端口,我们使用的是 alias 指令,指定资源路径的别名,它与 root 指令略有不同。当请求 http://服务器ip:8082/web/xxxx 地址时,等价于访问服务器上的静态资源文件 /root/test/xxxx,并不会将匹配到的web添加到静态资源的路径上,所有为了能访问到 web1.html,我们需要使用如下的url:http://服务器ip:8082/web/web/web1.html, 访问 web2.html 类似。结果如下:通过alias指令访问web1.html通过alias指令访问web2.html
- 1.1 静态内容的网站 1989 年,TimBerner 提出了一种能让远隔两地的研究者们共享知识的设想。它的基本理念是:借助多文档之间相互关联形成的超文本(HyperText),连成可相互参阅的 WWW(World Wide Web)。在互联网早期,网站的内容是静态的,浏览相同地址的页面返回的内容不会发生变化。使用 HTML 语言描述网页的内容,例如,用 HTML 描述某个网站的首页如下:<html><body> <p>今天的日期是 2020 年 1 月 1 日</p> </body> </html> 无论什么时候去访问这个网站,网页总是显示 “今天的日期是 2020 年 1 月 1 日”,如果用户希望访问网页的时候能够实时显示今天的日期,就无法实现这样的功能了。由于网页的内容是不发生变化的,因此早期互联网站只能用于共享静态的文档,无法实现复杂的应用。
- <strong>案例</strong> 在上面配置文件的基础上,我们增加一个 server 指令块,监听 9000 端口,匹配 url 请求,转发到 web1.html 和 web2.html 页面,具体配置如下: ... server { listen 9000; location /web1 { proxy_pass http://localhost:8081/web/web1.html; } location /web2 { proxy_pass http://localhost:8081/web/web2.html; } } ...这样,当我们访问 url 地址 http://服务器ip:9000/web1 时,会将请求转发到 http://localhost:8081/web/web1.html ,而这个如果是在服务器上执行会根据前面的配置访问静态资源web1.html。 同样,对于访问 web2.html 页面,我们只需要请求 http://服务器ip:9000/web2 即可。测试结果通过方向代理访问 web1.html通过方向代理访问 web2.html
html静态页面编程案例相关搜索
-
h1
h6
hack
hadoop
halt
hana
handler
hanging
hash
hashtable
haskell
hatch
hbase
hbuilder
hdfs
head
header
header php
headers
headerstyle