HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解

时间:2023-01-07 13:57:27



**  HTML(Hypertext Markup Language)是文本标记语言,它是静态页面。是一种解释性语言,所谓解释性语言就是指可以在浏览器上显示出来,不需要编译工具的语言。**

JSP(Java server page )是通过java语言实现的,是Java语言的一种使用方式,从其英文全称就可以看出它是Java服务器端页面,所以是动态页面。需要经过JDK编译后发送给客户端显示。

JS(javaScript) 是一种脚本语言。可以以的形式混合在HTML页面中,使页面产生动态效果。

什么是HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面

HTML 布局 - 使用 元素

div 元素是用于分组 HTML 元素的块级元素。

下面的例子使用五个 div 元素来创建多列布局:

实例

HTML 布局 - 使用

元素
div 元素是用于分组 HTML 元素的块级元素。

下面的例子使用五个 div 元素来创建多列布局:

实例

    菜鸟教程(runoob.com) 

主要的网页标题

菜单
HTML
CSS
JavaScript

内容在这里

版权 © runoob.com

实例:

实例:

定义了客户端脚本

定义了不支持脚本浏览器输出的文本

什么是 HTML5?

HTML5 是下一代 HTML 标准。

HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。


HTML5 是如何起步的?

HTML5 中的一些有趣的新特性:

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素,比如 article、footer、header、nav、section
  • 新的表单控件,比如 calendar、date、time、email、url、search

HTML5

声明必须位于 HTML5 文档中的第一行,使用非常简单:


最小的HTML5文档

下面是一个简单的HTML5文档:

文档标题 文档内容......

注意: 对于中文网页需要使用  声明编码,否则会出现乱码。


HTML5 的改进

  • 新元素
  • 新属性
  • 完全支持 CSS3
  • Video 和 Audio
  • 2D/3D 制图
  • 本地存储
  • 本地 SQL 数据
  • Web 应用

HTML5 多媒体

使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。

  • HTML5 
  • HTML5 

HTML5 应用

使用 HTML5 你可以简单地开发应用

  • 本地数据存储
  • 访问本地文件
  • 本地 SQL 数据
  • 缓存引用
  • Javascript 工作者
  • XHTMLHttpRequest 2

HTML5 图形

使用 HTML5 你可以简单的绘制图形:

  • 使用  元素。
  • 使用内联 ​​SVG​​。
  • 使用 ​​CSS3 2D 转换​​、​​CSS3 3D 转换​​。

HTML5 使用 CSS3

  • 新选择器
  • 新属性
  • 动画
  • 2D/3D 转换
  • 圆角
  • 阴影效果
  • 可下载的字体

JavaScript 能够改变 HTML 内容,简单说就是让网页动起来。

实例:

菜鸟教程(runoob.com)

我的第一个 JavaScript 程序

这是一个段落

显示日期

JSP 简介

什么是Java Server Pages?

JSP全称Java Server Pages,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。

JSP是一种Java servlet,主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。

JSP通过网页表单获取用户输入数据、访问数据库及其他数据源,然后动态地创建网页。

JSP标签有多种功能,比如访问数据库、记录用户选择信息、访问JavaBeans组件等,还可以在不同的网页中传递控制信息和共享信息。

js和jsp简单理解:

1、JSP全称是java server page    JS全称是javaScript
2、最主要的区别是运行位置不同。
JSP运行在后台服务器上,混合在HTML中的java程序段用于控制HTML的动态生成,并且通常负责调用后台数据库中的数据,形成能够根据使用情况的变化的,具有丰富数据交互效果的页面。
JavaScript 通常是运行在前台,即运行于用户浏览器的,通常不需要服务器的后台支持(AJAX交互例外),混合在HTML中的JavaScript脚本程序直接被浏览器解释执行,以提高页面的美观性和UI操作响应速度为基本目标。
3、JSP在HTML中用<%%>里面实现。
JS在html中用实现

什么是js?
javaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用
它的目的是与HTML超文本标记语言、Java 脚本语言(Java小程序)一起实现在一个Web页面中链接
多个对象,与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的
HTML语言中实现的。它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择,具有以下几个

JSP与Servlet的关系理解

为什么会出现JSP技术?
使用Servlet产生动态页面,需要在代码中用out.print()打印输出很多HTML标签返回至客户端浏览器界面进行显示。在Servlet中,不得不将静态显示的内容和动态产生内容的代码混合在一起。使用Servlet开发动态网页,程序员和网页编辑人员将无法一起工作。为了使得前后端分离并且减少代码的复杂和冗余,JSP技术应运而生。

什么是JSP技术?
JSP是一种建立在Servlet规范功能之上的动态网页技术。是在通常的网页文件中嵌入脚本代码,用于产生动态内容,在JSP文件中嵌入的是java代码和JSP标记!

JSP技术和Servlet技术的区别和联系?
JSP文件在用户第一次请求时会被编译成Servlet,然后再由Servlet处理用户的请求,所以JSP也可以看成是运行时的Servlet;Servelt主要是把动态的内容混合到静态的内容中以产生HTML,而JSP把静态和动态的内容分离开来,实现了内容和表示的分离。

JSP文件的执行过程?
当有一个JSP页面的请求到来时,JSP容器检查JSP页面的语法是否正确,将JSP页面转换为Servlet源文件【JSP的九大内置对象就是在这里被定义的!】,然后调用javac工具类编译Servlet源文件生成class字节码文件。Servlet容器加载转换后的Servlet类,实例化一个对象处理客户端的请求,在请求处理完成后,相应至客户端浏览器界面进行显示【在Servlet容器实例化对象后的处理过程就和之前学习的Servlet的处理过程一样了点击打开链接】。