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) 是一种脚本语言。可以以<script> code </script>的形式混合在HTML页面中，使页面产生动态效果。
什么是HTML?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
HTML 布局 - 使用<div> 元素
div 元素是用于分组 HTML 元素的块级元素。
下面的例子使用五个 div 元素来创建多列布局：
实例
HTML 布局 - 使用<div> 元素 div 元素是用于分组 HTML 元素的块级元素。
下面的例子使用五个 div 元素来创建多列布局：
实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <div id="container" style="width:500px"> <div id="header" style="background-color:#FFA500;"> <h1 style="margin-bottom:0;">主要的网页标题</h1></div> <div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;"> <b>菜单</b><br> HTML<br> CSS<br> JavaScript</div> <div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;"> 内容在这里</div> <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;"> 版权 © runoob.com</div> </div> </body> </html>
实例：
<iframe src="URL"></iframe>
实例：
<script> | 定义了客户端脚本 |
|---|---|
<noscript> | 定义了不支持脚本浏览器输出的文本 |
什么是 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 <!DOCTYPE>
<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单:
<!DOCTYPE html>
最小的HTML5文档
下面是一个简单的HTML5文档：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>
注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。
HTML5 的改进
- 新元素
- 新属性
- 完全支持 CSS3
- Video 和 Audio
- 2D/3D 制图
- 本地存储
- 本地 SQL 数据
- Web 应用
HTML5 多媒体
使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。
HTML5 应用
使用 HTML5 你可以简单地开发应用
- 本地数据存储
- 访问本地文件
- 本地 SQL 数据
- 缓存引用
- Javascript 工作者
- XHTMLHttpRequest 2
HTML5 图形
使用 HTML5 你可以简单的绘制图形:
- 使用 <canvas> 元素。
- 使用内联 SVG。
- 使用 CSS3 2D 转换、CSS3 3D 转换。
HTML5 使用 CSS3
- 新选择器
- 新属性
- 动画
- 2D/3D 转换
- 圆角
- 阴影效果
- 可下载的字体
JavaScript 能够改变 HTML 内容,简单说就是让网页动起来。
实例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function displayDate(){ document.getElementById("demo").innerHTML=Date(); } </script> </head> <body>
<h1>我的第一个 JavaScript 程序</h1> <p id="demo">这是一个段落</p>
<button type="button" οnclick="displayDate()">显示日期</button>
</body> </html>
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中用<Script></Script>实现
什么是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的处理过程一样了点击打开链接】。
腾讯云开发者
