JSP和HTML——兄弟俩的不同

最新推荐文章于 2024-04-15 16:36:37 发布

原创最新推荐文章于 2024-04-15 16:36:37 发布 · 499 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

本文对比了HTML和JSP的区别。HTML是超文本标记语言，描述网页内容，支持CSS和JavaScript来丰富外观。CSS通过外部、内部和内联样式表控制网页样式，提供不同选择器增强样式应用。JavaScript则是一种脚本语言，常用于增加页面交互。JSP则允许在HTML中嵌入Java代码，是动态页面，基于Servlet，拥有三大指令和九大内置对象。HTML静态直接运行，JSP需服务器支持，两者在定义、运行方式和语法上存在显著差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、HTML

什么是HTML
作为一个合格的程序员，或多或少都会接触到前端的书写，而说到前端页面，大家第一个接触到的肯定就是HTML语言了。
HTML：即超文本标记语言，是用来描述网页的一种语言，使用标记标签来描述网页。
HTML文本基本结构

HTML⽂件的扩展名为 .html 或者 .htm
HTML⽂本的结构包括“头”部分（head）、和“主体”部分（body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
HTML是由：标签和内容构成, 每个HTML页面都有两部分构成(head头和body体)，其最外层是
<html>...</html> 标签包裹 HTML标签（标记）的语法是由 < 和 > 括起来。 HTML标签有两种：
双标签：<标签名> <标签名>
单标签：只有<标签名 />
HTML标签中还可以添加属性： <标签名属性名1=“值1” 属性名2=“值2” 属性名n=“值n”>....</标签名>。

HTML的扩展：css，JavaScript
css：
是用来控制网页外观的一种技术，可以使网页更丰富多彩。
有三种引入方式：
外部样式表：是开发中使用最多的样式，指的是把css代码和HTML代码分开放入两个不同的文件中，然后在HTML文件中引用css样式表。外部样式表是最理想的引入方式
内部样式表：指的是将css代码和HTML代码放入同一个文件中，css代码使用style标签定义
内联样式表：也是把CSS代码和HTML代码放在同一个文件中，但是跟内部样式表不同，CSS样式不是在<style></style>标签中定义，而是在标签的style属性中定义。

三种样式表的优先级为内联>内部>外部

除此之外，css还赋予了HTML三种选择器：
id选择器
id属性被赋予了标识页面元素的唯一身份。如果一个页面出现了多个相同id属性取值，CSS选择器或者JavaScript就会因为无法分辨要控制的元素而最终报错。
类选择器
它跟Java的类的概念相似，代表一类事物，我们可以为同一个页面的相同元素或者不同元素设置相同的class，然后使得相同的class具有相同的CSS样式。
标签选择器
顾名思义，该选择器就是对相同的标签进行CSS样式的更改
还有其他诸如子代选择器、后代选择器等便不再叙述

JavaScript
JavaScript是一种基于对象的脚本语言，能嵌套在HTML中提供给用户更流畅的浏览效果。
特点：

是一种解释性脚本语言（代码不进行预编译）。
主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

基本结构：

<script>
代码块
</script>

其能在HTML文档的任何位置添加，但要保证使用前已经读取到代码
它也有三种添加的方式：
外部的js文件添加
内部使用script标签添加
直接在HTML标签中添加

二、JSP

何为JSP
JSP可以理解为：在HTML页面中嵌入Java代码。可以用于展示信息和配合servlet处理请求，其本质也是一个servlet

JSP的语法
既然说JSP能够在HTML页面中嵌入Java代码，那么，它是如何嵌入的呢

标签	语法	用途
声明标签	<%! 变量或方法声明%>	声明JSP内所使用的全局变量或方法或内部类(它用于定义成员)(写的内容在成员位置上)
表达式	<%= 表达式 %>	输出java中变量或者表达式的值到页面上(它用于输出) out.print(内容)
程序代码标签	<%程序代码%>	编写java程序代码，但不可以定义代码（它用于定义局部）(声明的变量在局部位置_jspService方法中)

当然，说到JSP绕不过的还有它的三大指令和九大内置对象：
三大指令
page：指明当前页面的一些信息
include：页面的静态包含，一般写框架等
taglib：导入第三方标签库
九大内置对象
request：客户端的请求
response：对客户端的响应
session：会话
application：服务器运行期的全局信息
out：输出信息
config：配置信息
page：由JSP产生的类对象
exception：异常对象
pagecontext：引用其他隐式对象

三、二者区别

定义上HTML页面是静态页面可以直接运行，JSP页面是动态页它运行时需要转换成servlet
HTML能直接打开，jsp只能发布到Tomact等服务器上才能打开
html是w3c规范的一种网页书写格式，是一种统一协议语言，静态网页。我们上网看的网页都是大部分都是基于html语言的。jsp是一种基于动态语言，jsp可以实现html的所有任务。
HTML（Hypertext MarkupLanguage）文本标记语言，它是静态页面，和JavaScript一样解释性语言，只要你有一个浏览器那么它就可以正常显示出来，而不需要指定的编译工具，只需在TXT文档中写上HTML标记就可以正常显示。而JSP（Java ServerPage）是Java服务端的页面，所以它是动态的，它是需要经过JDK编译后把内容发给客户端去显示，我们都知道，Java文件编译后会产生一个class文件，最终执行的就是这个class文件。
格式不同，在jsp中用<%%>就可以写Java代码了，而html没有<%%>。