IDEA编辑html页面时，head、body等标签不缩进的问题【已解决】

最新推荐文章于 2024-03-30 00:25:50 发布
原创 最新推荐文章于 2024-03-30 00:25:50 发布 · 996 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #intellij-idea

本文介绍了如何在编辑HTML页面时，解决head和body标签不缩进的问题，提供了一种简洁的解决方案。通过在设置中取消特定选项，可以达到理想的代码格式效果，提高代码阅读舒适度。

问题

如下图，编辑html页面时，head标签不缩进，body也不缩进，看起来很不舒服
在这里插入图片描述

解决方法

依次选择File | Settings | Editor | Code Style | HTML | Other
找到Do not indent children of这一项
删除head，body即可
在这里插入图片描述

【Javaweb】HTML 基础
耀的博客
03-04 6451
目录 一、HTML结构 1，认识HTML标签 2，HTML 文件基本结构 3，标签层次结构 4，快速生成代码框架 二、HTML 常见标签 1，注释标签 2，标题标签 3，段落标签: p 4，换行标签: br 5，格式化标签 6，超链接标签: a 7，表格标签 8，列表标签 9，表单标签 form 标签 input 标签 label 标签 select 标签 11，无语义标签: div & span 一、HTML结构 1，认识HTML标签 HTML
idea编辑html代码不会自动缩进问题
Aquila_王晓新
07-31 2668
idea编辑html代码不会自动缩进问题 通常写java代码，按Ctrl+Alt+L可以对代码自动排版。但是在编辑html文档中，按这个快捷键操作，默认会把所有代码都居左对齐，没有缩进，影响阅读。 这时候需要按Ctrl+Alt+S打开设置窗格，去掉图片中的那两个勾，就可以了。 ...
IDEA中编辑HTML格式，不自动缩进问题
Amy的专栏
08-29 4803
在IntelliJ Idea中HTML格式化时，默认<head><body>以及<body>下的以及标签都不会缩进。 解决方法：editor->code style->HTML->other->Do not indent children of 删掉<html><head><body>这几项就可以了。...
idea中HTML格式化时标签缩进问题
weixin_34247155的博客
05-31 3767
idea中HTML格式化时标签缩进问题 在IntelliJ Idea中HTML格式化时，默认<head><body>以及<body>下的以及标签都不会缩进。 解决方法：editor->code style->HTML->other->Do not indent children of 删掉<html><hea...
【IDE】【WebStorm】html排版设置head和body缩进
天天向上 Up Up Up (*^▽^*)
01-16 4518
idea html文件换行不自动缩进
qq_45649806的博客
10-26 1069
删除html和body
解决IDEA中编辑HTML格式文件不自动缩进问题
10-15
当使用IntelliJ IDEA编辑HTML文件时，IDE默认的行为是不在HTML中的<head>、<body>等标签内自动进行缩进处理。这就意味着，当HTML文档被格式化之后，所有的HTML标签都会显示在同一层级，没有任何的缩进。而在实际开发...
IntelliJ IDEA中如何设置自动缩进以优化HTML文件的格式化，特别是针对<head>、<body>及其内部标签？
最新发布
11-04
为了在IntelliJ IDEA中优化HTML文件的格式化，并特别针对<head>、<body>及其内部标签实现自动缩进，你需要调整IDE的Code Style设置。这包括移除默认设置下不会被缩进的标签，以及可能涉及到对Thymeleaf或bootstrap等...
如何在IntelliJ IDEA中配置HTML文件的自动缩进以提高代码的可读性？
11-04
默认情况下，`<html>`、`<head>`和`<body>`等标签可能被列在该选项中，意味着它们的子标签不会自动缩进。要使这些标签的子标签自动缩进，您需要点击`Donotindentchildrenof`旁边的编辑按钮，然后将`<html>`、`<head...
IntelliJ IDEA中如何配置HTML文件的自动缩进以提高代码的可读性？
11-04
修改缩进规则：将`<html>`、`<head>`和`<body>`标签从`Donotindentchildrenof`列表中移除。 5. 应用设置：点击`Apply`或`OK`保存设置，重启IDEA或重新加载当前文件，让新的规则生效。 6. 验证效果：继续编写HTML...
IDEA中HTML代码格式化问题
保持热爱，奔赴山海
08-18 5540
一、问题描述 在编写HTML代码时，若进行格式化，部分标签会顶格。 二、解决办法 Settings -> Editor -> Code Style -> HTML，找到 Other 里面的 Do not indent children of 选项，删除里面的 html 和 body 标签即可。 ...
解决IDEA、PyCharm、WebStorm等JetBrains公司编辑器代码格式化HTML标签缩进问题
langkye
01-14 1378
解决JetBrains公司编辑器代码格式化HTML标签缩进问题 默认情况下，对HTML代码格式化，head、body下的子标签是不缩进的 Crl + Alt + L 解决: 依次点击[File ——> settings ——> Editor ——> Code Style ——> HTML]， 找到 [ Do not indent children of: ]， ...
解决IDEA的HTML文件格式的显示问题
天乔巴夏丶
02-23 4048
解决IDEA的HTML文件格式的显示问题 用IDEA在显示HTML文件的时候，格式非常奇怪，比如body标签下面不会自动缩进，每次都需要手动缩进，怪麻烦的。解决办法如下： settings> Editor> Code Style>HTML 选择框框标出来的Other，注意下方的Do not indent children of，存在的标签表明不会自动缩进，需要点击小文件夹，将&l...
body 设置适应缩放_「前端剑指offer第10期」移动端适配viewport缩放方案
weixin_28756427的博客
02-06 395
前言设计师交付给前端一张宽度为750px的视觉稿，并对设计稿上元素的尺寸、颜色、位置等做了标注，要求工程师工在适配不同屏幕尺寸的设备时采用等比缩放的方案。采用viewport缩放的方案能又快又好的实现需求。原理在写HTML、CSS对设计稿进行还原时不关注屏幕尺寸的差异，而是直接按设计稿的标注来开发。比如设计稿里标注的文字字号是30px，CSS里就设置文字字号30px。页面开发好后，在HTML的he...
html缩放背景不缩放_缩放并不可怕。
weixin_26722031的博客
07-30 1585
html缩放背景不缩放There have been lots of alarming headlines in the news in the last few weeks about Zoom. They warn us that Zoom “has a dark side” and an “FBI warning”, there are “privacy concerns”, and peo...
VsCode正确解决vue3+Eslint+prettier+Vetur的配置冲突
m0_37985967的博客
03-30 5062
手把手教你VsCode正确解决vue3+Eslint+prettier+Vetur的配置冲突
Idea小技巧 之 折叠代码块
热门推荐
carl.zhao的专栏
04-04 7万+
查看代码的时候，当一个类很大的时候。当我们需要查看XSD文件的时候，如果需要知道这个schema下面的所有一级元素的时候。这时候因为庞大的类文件，或者很长的xsd文件定义就会丧失查看的兴趣。针对这个问题Idea是有相应的方案，那就是代码块折叠。
Intellij IDEA自动缩进排版
weixin_45282158的博客
01-30 8310
这里以HTML为例，想要让body自动缩进（默认是不缩进） File>Settings>Editor>Code Style>HTML 找到Other里的Do not indent children of（不缩进子级）: 然后把body去掉或者改掉（为了让自己知道把body去掉我只是加了两个反斜杠//，并没有删掉，其实都差不多。 看一下效果： 更改前（body不自动缩进）： 更改后（body自动缩进）： 对其它语言的缩进等排版设置，也可以在上述方法中进行。按照自己语言及习惯对排版进
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值