个人心得：前端开发中注意不要乱放结束标签

最新推荐文章于 2025-01-24 10:31:54 发布
最新推荐文章于 2025-01-24 10:31:54 发布
阅读量729 收藏 7
点赞数
CC 4.0 BY-SA版权
分类专栏： WEB前端 文章标签： html 前端开发 图片 pre 标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/IT_Surfer/article/details/42240191
本文探讨了HTML文件中结束标签的位置对于网页显示效果的影响。特别是当结束标签被单独放置一行时，可能导致<pre>标签内的内容显示额外空行的问题。文章通过对比展示了解决该问题的方法。

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

在编写html文件过程中，为了美观，我们可能将结束标签单独放一行，但是有时候我们发现网页效果并不是我们想要的结果。这时候可能的原因就是在你<pre>影响的区域，你将结束标签可能单独放在一行了，这时候网页的显示效果同样是给你空一行，所以你要把结束标签紧跟在你写的“代码”的后边这样就可能解决一些问题。一下两张为将结束标签单独占用四行，每行一个的结果和紧跟在代码后面额网页效果图

大数据新视界 -- Hive 数据分区：精细化管理的艺术与实践（上）（7/ 30）
【青云交】华为云云享专家，在技术圈个人影响力位居前17，跻身博客之星 TOP23。同时荣登【原力榜、作者周榜、领军人物和综合热榜】四榜榜首，破优快云排行榜记录！苏州地区各榜也统统拿下榜首之位，实力爆棚！非常感谢全网十多万粉丝的喜欢和关注！
11-24 3977
本文承继 Hive 查询优化篇章，深挖数据分区，详析基础（价值、字段选法）、策略（单与复合、动与静态）及维护（加载含校验、清理归档），佐以案例、代码、测试证优势，设互动并预告下篇，深挖分区增效秘诀。
【web程序开发】前端标签介绍
m0_65431212的博客
09-11 2473
01
前端代码个人风格
weixin_44679078的博客
10-12 1103
项目 1.项目名称、目录名称，文件名称全部采用kebab-case命名，即短横线命名法 名称全部采用小写方式，以中划线分隔，有复数结构时，要采用复数命名法，缩写不用复数 正例：styles / images / demo-scripts / img / doc 反例：style / image / demoStyles / imgs /docs JavaScript 1.语句结束分号；不能省略；据说这样子运行效率高点 2.if 语句后就算只有一条语句也不能省略大括号{ }，因为这样在以后维护的时候，或者在修
前端面试题总结-HTML篇
qwe78999的博客
05-16 5265
HTML知识点总结 1. DOCTYPE的作用是什么？   DOCTYP是document type(文档类型)的缩写。<!DOCTYPE> 声明位于文档的最前面，处于标签之前，它不是html标签。   主要作用是：告诉浏览器以什么样的模式来解析文档。   一般指定了之后会以标准模式来进行文档解析，否则就医兼容模式进行解析。在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下，浏览器会以向后兼容的方式来模拟老式浏览器的行为，以保证一些老的网站的正确访问。 2. 标准模式与
尚硅谷vue前端项目心得1
im_joy的博客
01-14 1192
Day1（1-20） 1.1 cli初始化项目 淘宝镜像（安装速度快） npm install -g cnpm --registry=https://registry.npm.taobao.org 梳理目录含义 node_modules文件夹：项目依赖文件夹 public文件夹：一般放置一些静态资源（图片），需注意：放在public文件夹中的静态资源， webpack进行打包的时候会原封不动打包到dist文件夹中 src文件夹（程序员源代码文件夹）： assets文件夹：一般放置的静态资源（一般放置多个组件
独立个人项目开发心得 - 任务切分、挑战性、实用性和半途而废
风萧古道的博客
04-05 5210
在写文章前容许我啰嗦一下：对于软件开发，我走了不少弯路，有时觉得自己作为API侠，无所不能，有时又觉得自己很多LeetCode题写不出来，无能为力。我有一个博客，但是写满了自己的絮絮叨叨，真正有本领的东西九牛一毛。 我甚至没有自己的“代表作”，因为我是一个急性子，想马上得到结果（事实上计算机真能马上给出结果，但开发过程不行）。我经常在“造自己的轮子”和“用别人的轮子”之间徘徊，“造自己的轮子”比较有成就感，但是难度其实很大，需要踩很多别人踩过的坑；“用别人的轮子”则没有什么成就感，做出来也不像是自己做的。而
掌握这些技巧，你也能成为前端offer收割机（我在3家大厂的前端校招offer心得）
2301_79773949的博客
12-19 1454
如果面试没有复盘，你参加再多的面试也和没有参加一样。不要叹息面试中出的洋相或者咒骂面试官有多么反人类，不管多么受伤都要在面试结束后立刻复盘。现场面试最好一出场就开始回忆面试流程&写备忘录，如果是电话面试可以录音下来重听一边，捋一捋面试官的问题和自己的回答，看看自己答得如何（答成了什么b样），有没有可能答得更好。
14万字面试题汇总整理，祝你顺利斩获大厂前端offer
孙叫兽的博客
07-17 1万+
Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? <!DOCTYPE>声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是—种要求严格的DTD(Document Type Definition)，不允许使用任何表现层的语法， 混杂模式是—种向后兼容的解析方法。 触发标准模式或者说严格模...
Python开发FastAPI从入门到精通
最新发布
YunWisdom
01-24 4132
想用Python写API快到飞起？FastAPI就是你的“代码瑞士军刀”！这本书不讲玄学，只教真功夫——从零搭建高性能API，到微服务、分布式事务、熔断限流，连异步编程都能玩成魔法！ 小白也能变大神：路由、依赖注入、数据库集成手把手教学；老鸟直呼内行：服务网格、Saga模式、K8s部署实战全覆盖。附赠三个硬核项目：任务管理、在线商城、实时聊天系统，代码跑起来比奶奶织毛衣还丝滑！别说我没提醒你：翻开这本书，你的代码可能会快到自己都追不上！🚀
前端开发工程师面试题2
刘群智的博客
07-27 5180
前端开发工程师面试题2   　1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 　　（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 　　（2）、严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。 　　（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作...
暮然回首：我的10年软件开发生涯
技术zhai的博客
07-16 3278
前言我是个码农，在职场干了多年，在超过10个公司服务过，遇到过各种怪现状，拍案惊奇葩，不吐不快，太想写篇文章吐槽一下。这篇文章汇集了我10多年来的工作中遇到的各种经历，总结的心得，分别讨论了团队与协作（同事/领导/客户的交流）、技术与质量（学习、技术选择、质量）、职业与事业（现实、追求、老油条、职业道德、典故、事业/经验）、找工作（猎头/中介、应聘、简历、面试别人）、辞职（原因/理由、信任）等，干...
(转)韩顺平j2ee学习笔记与心得
lishirong_李世荣的专栏
12-02 3472
Java EE概念：Java EE是一个开放的平台，它包括的技术很多，主要包括十三种核心技术（java EE就是十三种技术的总称）。建立一个整全的概念。要成为一个java EE程序员，必须掌握的技术是java,servlet,jsp。这是基础。只有在上面的基础上再学 struts,hibernate,ejb,spring,webwork,jst等web框架。J2ee的十三种技术(规范)1. jav
[转]PKM－个人知识体系建设
dbbv11995的博客
07-20 1万+
这里集中了本站所有关于个人知识库、个人知识体系方面的文章，下面是展开的目录： PKM理论和方法 艾宾浩斯与他的遗忘曲线 记忆核系统 资料整理的方法 电子资料整理技巧 图书馆馆藏电子资料管理方法分析 浅谈资料...
如何做一个统计网页访问量的功能
热门推荐
IT_Surfer的专栏
03-27 2万+
在H5中，由于提供了相应的web客户端存储数据的方法，所以不用利用传统的追踪cookie的方法，实现更加高效，简单。        HTML5中两种web存储的方法：        localStorge-提供没有时间限制的web存储，每次访问网页都会被记录存储        sessionStorage-针对一个session的web存储，只记录当前session的访问记录，关闭网页即恢复
关于H5中自定义属性的设置和获取
IT_Surfer的专栏
05-19 1万+
自定义数据属性是在HTML5中新加入的一个特性。简单来说，自定义数据属性规范规定任何以data-开头属性名并且赋值。自定义数据属性是为了保存页面或者应用程序的私有自定义数据，这些自定义数据属性保存进DOM中，对于整个DOM的布局和表现无任何影响，但是却可以方便操控整个网页的交互以及想要表达的效果。        比如我们想要统计一个页面玩家的排行榜，但是DOM页面的原生标签并没有提供这样的一
如何在JS字符串中引用变量
IT_Surfer的专栏
04-16 1万+
在JS中有时候我们需要在字符串中引入变量。如果直接在“xxxxx”中间写入变量，则变量将被当作普通字符处理。下面结合我在学习JS过程中碰到的实际问题，解释一下如何在字符串中引用变量。 实现效果：我要实现一个矩形div3D旋转的效果，JS代码如下所示     var i=0;     var a=true;     function change(){         a=false;
关于JS里面寄生构造函数
IT_Surfer的专栏
05-04 2536
在JS里面，有一种类似工厂模式的定义对象方法——寄生构造函数模式，如下所示：        其实，除了使用new操作符来定义新的对象，以及将其称之为构造函数之外，其他和工厂模式定义一模一样。那么这个寄生构造函数到底是为了什么呢？ 我们看一个例子：       我们定义一个Array的引用类型，并且初始化       var colors=new Array("red","blue"
Java框架练习：前端页面开发心得
通过上述知识点的阐述，我们可以了解到进行一个简单的Java框架练习前端页面设计，不仅需要对Java后端框架有所了解，还需要熟悉前端开发技术。这个过程涉及前后端的分离开发模式，让前端开发者可以专注于界面的设计与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值