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

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

**  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 你可以简单的绘制图形:


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的处理过程一样了点击打开链接】。


目录
相关文章
|
11天前
|
移动开发 前端开发 JavaScript
纯JavaScript实现HTML5 Canvas六种特效滤镜
纯JavaScript实现HTML5 Canvas六种特效滤镜
23 6
|
4天前
|
XML 前端开发 JavaScript
前端简介(HTML+CSS+JS)
前端简介(HTML+CSS+JS)
|
4天前
|
Java 关系型数据库 MySQL
servlet+jsp+jdbc 实现增删改查 的同学录
servlet+jsp+jdbc 实现增删改查 的同学录
|
7天前
|
前端开发 安全 数据安全/隐私保护
Web实战丨基于django+html+css+js的在线博客网站
Web实战丨基于django+html+css+js的在线博客网站
14 2
|
7天前
|
数据库 数据安全/隐私保护 Python
Web实战丨基于django+html+css+js的电子商务网站
Web实战丨基于django+html+css+js的电子商务网站
26 3
|
12天前
|
Web App开发 监控 JavaScript
JS 鼠标框选(页面选择)时返回对应的 HTML 或文案内容
JS 鼠标框选(页面选择)时返回对应的 HTML 或文案内容 当用户进行鼠标框选选择了页面上的内容时,把选择的内容进行上报。 分为以下几点: 选择文案时 选择图片、svg、iframe、video、audio 等标签时 选择 input、select、textarea 等标签时 选择 input、textarea 标签内容时 选择类似 &nbsp; 字符时 键盘全选时 鼠标右键选择 以上各模块结合时 当包含标签的时候,返回 html 结构,只有文本时返回文本内容
13 1
|
12天前
|
存储 移动开发 前端开发
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
11 0
|
13天前
|
数据采集 移动开发 搜索推荐
HTML基础-HTML5新增语义标签:解锁网页结构新维度
【6月更文挑战第5天】本文介绍了HTML5的语义标签,旨在提升网页结构化和可访问性。核心语义标签包括`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;main&gt;`、`&lt;article&gt;`、`&lt;section&gt;`、`&lt;aside&gt;`、`&lt;footer&gt;`、`&lt;figure&gt;`和`&lt;figcaption&gt;`。常见问题包括滥用标签作布局工具、忽略`&lt;main&gt;`、不恰当嵌套和忽视辅助功能。
|
19天前
|
JavaScript Java 测试技术
基于springboot+vue.js的基于HTML5的问卷调查系统附带文章和源代码设计说明文档ppt
基于springboot+vue.js的基于HTML5的问卷调查系统附带文章和源代码设计说明文档ppt
19 0
|
19天前
|
存储 安全 Java
Java的servlet和jsp技术
Java的servlet和jsp技术
32 11

相关实验场景

更多