页面添加DOCTYPE的类型

    DOCTYPE是document type的简写。主要用来说明使用的XHTML或者HTML是什么版本。浏览器根据DOCTYPE定义的DTD(文档类型定义)来解释页面代码。
    XHTML1.0提供了以下三种DOCTYPE可选择:

1、过渡型(Transitional )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2、严格型(Strict )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3、框架型(Frameset )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    对于初级改善来说,只要选用过渡型的声明就可以了。依然可以兼容你的表格布局、表现标识等,不至于让你觉得变化太大。

Freemarker可以通过定义模板来实现前端页面的一键添加模板功能。具体步骤如下: 1. 定义模板 在Freemarker中,可以通过定义.ftl文件来定义模板。模板文件中可以包含HTML代码,并且可以使用Freemarker的语法来动态生成HTML页面。在模板文件中,可以使用<#include>标签来包含其他的模板文件,从而实现模板的复用。例如,我们可以定义一个header.ftl文件和footer.ftl文件来定义页面的头部和底部,然后在其他页面中引用这些模板文件。 2. 在Controller中渲染模板 在Spring MVC中,可以通过在Controller中定义一个返回ModelAndView类型的方法来渲染模板。在该方法中,需要将模板文件的名称和数据模型传递给ModelAndView对象,然后返回该对象即可。在模板文件中,可以通过${}语法来引用数据模型中的数据,并动态生成HTML页面。 例如,我们可以定义一个UserController类,并在该类中定义一个add方法,用来渲染添加用户页面的模板。在该方法中,可以使用ModelAndView对象来渲染模板,并将模板文件的名称和数据模型传递给该对象。代码示例如下: ``` @Controller public class UserController { @GetMapping("/user/add") public ModelAndView add() { ModelAndView modelAndView = new ModelAndView(); modelAndView.setViewName("user/add"); modelAndView.addObject("title", "添加用户"); modelAndView.addObject("submitUrl", "/user/save"); return modelAndView; } // ... } ``` 在上述代码中,我们定义了一个add方法,用来渲染添加用户页面的模板。在该方法中,我们使用了ModelAndView对象来渲染模板,将模板文件的名称设置为"user/add",并将数据模型"title"和"submitUrl"传递给该对象。在模板文件中,可以使用${title}和${submitUrl}来引用这些数据模型中的数据,并生成HTML页面。 3. 在页面中引用模板 最后,我们需要在HTML页面中引用模板文件。在Freemarker中,可以使用<#include>标签来引用其他的模板文件。例如,我们可以在添加用户页面中使用<#include>标签来引用header.ftl和footer.ftl文件,从而实现页面的复用。代码示例如下: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>${title}</title> </head> <body> <#include "header.ftl"> <h1>${title}</h1> <form action="${submitUrl}" method="post"> <!-- 表单内容 --> </form> <#include "footer.ftl"> </body> </html> ``` 在上述代码中,我们使用了<#include>标签来引用header.ftl和footer.ftl文件,并使用${title}和${submitUrl}来生成页面的标题和表单提交URL。通过以上步骤,就可以实现前端页面的一键添加模板功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值