JSP表格居中技巧:W3C标准下的解决方案

在JSP中,让网页输出的表格居中,可以通过以下步骤来实现。假设你遇到的问题是在index.jsp中无法让head.jsp中的内容居中,只是左对齐浏览器。我们来逐步解决这个问题。

步骤如下:

1、index.jsp代码

推广

币安交易所

新用户注册充值交易,享空投奖励 **交易比特币享7天价格保护 立即下载APP 扫描二维码下载官方应用,开启交易之旅 全球**交易平台 安全可信赖 500 交易对 99.9% 稳定性 投资需谨慎 | 广告

2、head.jsp代码

3、head.css代码

4、common.css代码

5、运行起来后,head.jsp在index.jsp中无法居中,只是左对齐浏览器。

解决方案:

在index.jsp中,将头部的DOCTYPE声明从旧的HTML 4.01版本修改为XHTML 1.0 Transitional版本。这是因为不同的DOCTYPE声明可能会影响CSS样式的应用,从而导致布局问题。修改后的声明如下:

这个修改有助于确保浏览器以正确的模式渲染页面,从而使CSS样式能够正确应用,使表格居中显示。

拓展资料

(1)JSP,全称为Java Server Pages,中文名叫java服务器页面。它本质上是一个简化的Servlet设计,由Sun Microsystems公司倡导并与多家公司共同建立的一种动态网页技术标准。JSP技术有点类似于ASP技术,它是在传统的网页HTML文件(*.htm, *.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。

使用JSP开发的Web应用具有跨平台性,可以在Linux和其他操作系统上运行。它实现了HTML语法中的Java扩展(以<%, %>形式)。

(2)JSP与Servlet一样,都是在服务器端执行的。通常返回给客户端的是一个HTML文本,因此客户端只要有浏览器就能浏览。

前端的学习步骤

HTML/HTML5/CSS3:

学习了HTML标签和CSS后,可以进一步了解HTML5的新特性和CSS3的新属性。这些都是基础知识,可以通过查阅W3C官方网站来学习。之后,找一些页面练习,亲自敲一敲代码。记得注意学习兼容性问题。

提高JavaScript能力:

前端开发是一个入门容易但精通难的领域,能力主要体现在JavaScript上。在掌握了基础的DOM操作后,应该学习JavaScript的面向对象编程(OOP)。这与后台的面向对象编程有些不同。其他需要学习的内容包括:prototype、闭包、简单的JavaScript算法(如三大排序、数组去重)等。之后,可以阅读JavaScript设计模式的书籍来进一步提升。

UI库/JS库:

jQuery是必须要掌握的,学习起来也很快。UI库也是如此,不需要在这个上面花太多时间,达到熟悉的程度就可以了。实际使用时,随时查阅文档也能解决问题。

Node.js:

现在的前端开发通常需要掌握Node.js,主要原因有两个:1)Node.js可以作为中间层,调用后台接口,自行组装数据并转发给前台,并且可以对session等状态进行存储。2)一些自动化工具(如less、gulp、webpack)和一些框架(如Vue.js)是基于Node.js的。因此,了解Node.js也是必要的。在实际开发中,Node.js主要用作中间层进行数据转发。基于Node.js的框架可以学习Express和KOA,这两个框架上手难度都不大。

三大框架Vue/Angular/React:

可以从Vue开始入门,因为Vue是最简单的。掌握了Vue之后,再学习其他两个框架会更容易。前端框架种类繁多,但大多数MVC框架的原理大同小异。打好基础后,学习新框架会很快,微信小程序的开发也是一样的道理。

移动端开发:

掌握了rem、媒体查询、配置视口标签、flex布局等技术后,就可以开始开发移动端网页了。移动端开发的主要挑战在于字体配置的兼容性问题。

标签:
上一篇2025-09-30

相关推荐