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

最新推荐文章于 2025-01-24 10:31:54 发布
原创 最新推荐文章于 2025-01-24 10:31:54 发布 · 742 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #前端开发 #图片 #pre #标签

本文探讨了HTML文件中结束标签的位置对于网页显示效果的影响。特别是当结束标签被单独放置一行时，可能导致<pre>标签内的内容显示额外空行的问题。文章通过对比展示了解决该问题的方法。

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

独立个人项目开发心得 - 任务切分、挑战性、实用性和半途而废
风萧古道的博客
04-05 5266
在写文章前容许我啰嗦一下：对于软件开发，我走了不少弯路，有时觉得自己作为API侠，无所不能，有时又觉得自己很多LeetCode题写不出来，无能为力。我有一个博客，但是写满了自己的絮絮叨叨，真正有本领的东西九牛一毛。 我甚至没有自己的“代表作”，因为我是一个急性子，想马上得到结果（事实上计算机真能马上给出结果，但开发过程不行）。我经常在“造自己的轮子”和“用别人的轮子”之间徘徊，“造自己的轮子”比较有成就感，但是难度其实很大，需要踩很多别人踩过的坑；“用别人的轮子”则没有什么成就感，做出来也不像是自己做的。而
暮然回首：我的10年软件开发生涯
技术zhai的博客
07-16 3377
前言我是个码农，在职场干了多年，在超过10个公司服务过，遇到过各种怪现状，拍案惊奇葩，不吐不快，太想写篇文章吐槽一下。这篇文章汇集了我10多年来的工作中遇到的各种经历，总结的心得，分别讨论了团队与协作（同事/领导/客户的交流）、技术与质量（学习、技术选择、质量）、职业与事业（现实、追求、老油条、职业道德、典故、事业/经验）、找工作（猎头/中介、应聘、简历、面试别人）、辞职（原因/理由、信任）等，干...
【web程序开发】前端标签介绍
m0_65431212的博客
09-11 2500
01
前端代码个人风格
weixin_44679078的博客
10-12 1192
项目 1.项目名称、目录名称，文件名称全部采用kebab-case命名，即短横线命名法 名称全部采用小写方式，以中划线分隔，有复数结构时，要采用复数命名法，缩写不用复数 正例：styles / images / demo-scripts / img / doc 反例：style / image / demoStyles / imgs /docs JavaScript 1.语句结束分号；不能省略；据说这样子运行效率高点 2.if 语句后就算只有一条语句也不能省略大括号{ }，因为这样在以后维护的时候，或者在修
前端面试题总结-HTML篇
qwe78999的博客
05-16 5303
HTML知识点总结 1. DOCTYPE的作用是什么？   DOCTYP是document type(文档类型)的缩写。<!DOCTYPE> 声明位于文档的最前面，处于标签之前，它不是html标签。   主要作用是：告诉浏览器以什么样的模式来解析文档。   一般指定了之后会以标准模式来进行文档解析，否则就医兼容模式进行解析。在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下，浏览器会以向后兼容的方式来模拟老式浏览器的行为，以保证一些老的网站的正确访问。 2. 标准模式与
尚硅谷vue前端项目心得1
im_joy的博客
01-14 1217
Day1（1-20） 1.1 cli初始化项目 淘宝镜像（安装速度快） npm install -g cnpm --registry=https://registry.npm.taobao.org 梳理目录含义 node_modules文件夹：项目依赖文件夹 public文件夹：一般放置一些静态资源（图片），需注意：放在public文件夹中的静态资源， webpack进行打包的时候会原封不动打包到dist文件夹中 src文件夹（程序员源代码文件夹）： assets文件夹：一般放置的静态资源（一般放置多个组件
掌握这些技巧，你也能成为前端offer收割机（我在3家大厂的前端校招offer心得）
2301_79773949的博客
12-19 1537
如果面试没有复盘，你参加再多的面试也和没有参加一样。不要叹息面试中出的洋相或者咒骂面试官有多么反人类，不管多么受伤都要在面试结束后立刻复盘。现场面试最好一出场就开始回忆面试流程&写备忘录，如果是电话面试可以录音下来重听一边，捋一捋面试官的问题和自己的回答，看看自己答得如何（答成了什么b样），有没有可能答得更好。
14万字面试题汇总整理，祝你顺利斩获大厂前端offer
孙叫兽的博客
07-17 1万+
Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? <!DOCTYPE>声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是—种要求严格的DTD(Document Type Definition)，不允许使用任何表现层的语法， 混杂模式是—种向后兼容的解析方法。 触发标准模式或者说严格模...
Python开发FastAPI从入门到精通
最新发布
YunWisdom
01-24 6365
想用Python写API快到飞起？FastAPI就是你的“代码瑞士军刀”！这本书不讲玄学，只教真功夫——从零搭建高性能API，到微服务、分布式事务、熔断限流，连异步编程都能玩成魔法！ 小白也能变大神：路由、依赖注入、数据库集成手把手教学；老鸟直呼内行：服务网格、Saga模式、K8s部署实战全覆盖。附赠三个硬核项目：任务管理、在线商城、实时聊天系统，代码跑起来比奶奶织毛衣还丝滑！别说我没提醒你：翻开这本书，你的代码可能会快到自己都追不上！🚀
前端开发工程师面试题2
刘群智的博客
07-27 5246
前端开发工程师面试题2   　1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 　　（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 　　（2）、严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。 　　（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作...
(转)韩顺平j2ee学习笔记与心得
lishirong_李世荣的专栏
12-02 3503
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理论和方法 艾宾浩斯与他的遗忘曲线 记忆核系统 资料整理的方法 电子资料整理技巧 图书馆馆藏电子资料管理方法分析 浅谈资料...
EasyPR--开发详解
weixin_30725467的博客
03-27 1770
我正在做一个开源的中文车牌识别系统，Git地址为：https://github.com/liuruoze/EasyPR。 　　我给它取的名字为EasyPR，也就是Easy to do Plate Recognition的意思。我开发这套系统的主要原因是因为我希望能够锻炼我在这方面的能力，包括C++技术、计算机图形学、机器学习等。我把这个项目开源的主要目的是：1.它基于开源的代码诞生，理应回归开源；...
如何做一个统计网页访问量的功能
热门推荐
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 2583
在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、付费专栏及课程。

余额充值