JSP和HTML——兄弟俩的不同

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

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

一、HTML

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

  1. HTML⽂件的扩展名为 .html 或者 .htm
  2. HTML⽂本的结构包括“头”部分(head)、和“主体”部分(body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容
  3. HTML是由: 标签 和 内容 构成, 每个HTML页面都有两部分构成(head头和body体),其最外层是
  4. <html>...</html> 标签包裹 HTML标签(标记)的语法是由 < 和 > 括起来。 HTML标签有两种:
    双标签 :<标签名> <标签名>
    单标签 : 只有<标签名 />
  5. 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中提供给用户更流畅的浏览效果。
特点:

  1. 是一种解释性脚本语言(代码不进行预编译)。
  2. 主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
  3. 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
  4. 跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如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:引用其他隐式对象

三、二者区别

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值