删除<!DOCTYPE html> 后页面样式错误

最新推荐文章于 2022-12-14 16:39:23 发布
最新推荐文章于 2022-12-14 16:39:23 发布
阅读量408 收藏
点赞数
分类专栏： # 问题汇总 文章标签： jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mingyundezuoan/article/details/84912593
版权
问题描述：
根据前端同事提供的HTML页面嵌套JSP页面
删除了顶部的
<!DOCTYPE html>

倒置样式错乱

问题解释：
不是简单的注释，而是标明当前的解析格式。
命运的左岸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nuxt默认模板、默认布局和自定义错误页面的实现
10-15
<h1 v-else>页面发生了一个错误</h1> <nuxt-link to="/">返回首页</nuxt-link> </div> </template> <script> export default { props: ["error"], layout: "blog" // 可以为错误页面指定自定义的布局 } </...
404_page:这是找不到特定页面时显示的页面
05-23
这种情况可能由于多种原因发生，如页面已被删除、URL输入错误或链接已过期。404错误并不意味着服务器出现了故障，而是表示请求的资源在服务器上不存在。 HTML（HyperText Markup Language）是构建网页的基础语言，...
django 去掉!DOCTYPE html PUBLI 加载出来的网页展示格式还是不对
clearlove100的博客
11-11 239
千万要尝试换一个浏览器试试，换一个浏览器可能就200了，而不是304！ 千万要尝试换一个浏览器试试，换一个浏览器可能就200了，而不是304！ 千万要尝试换一个浏览器试试，换一个浏览器可能就200了，而不是304！ 千万要尝试换一个浏览器试试，换一个浏览器可能就200了，而不是304！ 千万要尝试换一个浏览器试试，换一个浏览器可能就200了，而不是304！ 我是先用360浏览器打开...
<!DOCTYPE html>的重要性！
weixin_30808575的博客
12-29 99
噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。 直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题 我就开始找啊找，各种调试，各种log 终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了<!DOCTYPE html>,果然奏...
doctype html css,DOCTYPE 影响 CSS 处理
weixin_36234452的博客
06-15 149
display:inline;}注意：在没有指定 float 的时候使用 display:inline; 在FF中是无效的。IE和FIREFOX在解析CSS方面的区别1. 对高度的解析IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度Firefox：没有定义高度时，如果内容中包括了图片内容，Firefox的高度解析是根据印刷标准，这样就会造成和实...
【前端面试题】
qq_48905290的博客
12-14 562
【面试题】
java去掉字符串中的HTML标签
qq_32267523的博客
03-24 172
java去掉字符串中的HTML标签 private static String delHTMLTag(String str) { if (str == null || "".equals(str)) { return ""; } String regExScript = "<script[^>]*?>[\\s\\S]*?<\\/script>"; String regExStyle = "<style[^>]*?&gt
网页-分知识点简单练习（html）
最新发布
01-08
4. 文本格式化：<strong>使文本加粗，使文本斜体，<del>表示<em>删除线，<ins>表示下划线，<u>也表示下划线但含义略有不同，用于表示拼写错误或需特别关注的文本。 5. 链接：<a>标签用于创建超链接，通过href属性...
TP5框架页面跳转样式操作示例
10-15
在本文中，我们将深入探讨如何在ThinkPHP5（简称TP5）框架中实现页面跳转样式操作，以及如何增强对移动设备的支持。TP5是一个流行的PHP开发框架，它提供了丰富的功能和便捷的API，帮助开发者快速构建Web应用。页面...
第2章 HTML5页面元素及属性_习题.pdf
04-27
2. 下列标签中，用于将文字以加删除线方式显示的是（D、<del></del>和<s></s>）。 3. 下列选项中，可以设置文字字体的属性是（A、face）。 4. 关于 CSS 的描述，下列说法正确的是（B、CSS 用于设置 HTML 页面中的...
漂亮可爱的错误页面样式
06-30
这里面有好些错误页面样式，希望对你带来好处。漂亮可爱的错误页面样式,404错误页面
DOCTYPE的作用，常见声明，删除＜!DOCTYPE＞发生什么？严格模式和混杂模式
weixin_44100002的博客
02-10 2882
在HTML文档首部往往会有这样一行代码： <!DOCTYPE html> 由于常见而且一般可能自己使用编辑器设置了默认模板（包含这一句代码），可能很多时候我们会忽略它的存在，不知道它的作用以及重要性。实际上，这行代码是一个声明， 其作用是告诉浏览器按照哪一种HTML文档规范解析HTML文档。 Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。 H
<!DOCTYPE html>很重要
愤怒的coder
12-31 1037
噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了&lt;!DOCTYPE html&gt;,果然奏效了。 ...
缺少HTML Doctype造成的样式问题
极客神殿
07-20 846
html页面中顶部缺少Doctype会给布局和样式带很诡异的影响，从样式和位置细节找不到问题原因时，第一个就要考虑是不是缺少Doctype文档类型声明。目前比较常用的Doctype是html5类型： <!DOCTYPE html> 这个声明使IE8、IE9处于Standards Mode标准模式，IE7、IE6处于Almost Standards Mode标准兼容模式，Firefox...
java技术_深圳Java培训：Java零基础学习之掌握JSP技术
weixin_39523280的博客
11-13 127
深圳Java培训：Java零基础学习之掌握JSP技术一、Java初级开发之jsp概述1.关于jspJavaServerPages简称jsp，从“server”这个词可以看出，这其实也是一门java服务端技术，其实可以简单的把jsp认为是servlet，一点错也没有。Jsp的实质，就是客户端需要的资源是通过jsp技术动态生成的。2.jsp的技术原理1)当客户端在访问一个jsp资源时，服务器上有相应的...
<!DOCTYPE html>的作用！
Bright2017的博客
05-23 1660
<!DOCTYPE html>顶部文档声明
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--引入bootstrap.min.css样式表，本例中css文件和本页面在同一个路径下 --> <link rel="stylesheet" href="bootstrap.min.css"> <script src="vue.js"></script> </head> <body> <div id="app"> <div class="panel panel-primary"> <div class="panel-heading"> <h2>图书管理系统</h2> </div> <div class="panel-body form-inline"> <label>id: </label><input type="text" class="form-control" v-model="id" disabled> <label>name: </label><input type="text" class="form-control" v-model="name" onchange="onchange(id)"> <input type="button" value="添加" class="btn btn-primary" @click. ="add" :disable="isEditable"> </div> <table class="table table-bordered table-hover"> <thead> <tr> <td>id</td> <td>name</td> <td>time</td> </tr> </thead> <tbody> <tr v-for="book in books" :key="book.id"> <td>{{book.id}}</td> <td>{{book.name}}</td> <td>{{book.time}}</td> <td><a href="" onclick.prevent="del(book.id)" >删除</a></td> </tr> </tbody> </table> </div> </div> <script src="vue.js"></script> <script> let app = new Vue({ el: '#app', data: { id:0, name:'', books:[ {'id':1,'name':'Vue.js入门','time':new Date()} ], isEditable:true }, mounted(){ this.id=this.books.length+1 console.log(this.id) }, method:{ onchange(){ if (this.name!=''){ this.isEditable=false }else{ this.isEditable=true } }, add(){ this.books.push({'id':this.id,'name':this.name,'time':new Date()}) this.id++ this.name='' }, del(id){ let index=this.books.findIndex((item)=>{ if(item.id==id){ return true } }) this.books.splice(index,1) } } }) </script> </body> </html> 补充代码
06-09
这段代码是一个简单的图书管理系统的前端页面，使用了Vue.js框架进行开发。其中包含了一个表单，用于添加新书籍，以及一个表格，用于展示已有的书籍信息，并可以进行删除操作。 需要补充的代码： 1. 引入Vue.js和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值