使用Vim正确缩进HTML和PHP的缩进
作为一个云计算领域的专家，我了解到Vim是一款流行的文本编辑器，可以用来编辑各种类型的文件，包括HTML和PHP。在使用Vim编辑这些文件时，正确的缩进对于代码的可读性和可维护性非常重要。
对于HTML和PHP的缩进，通常遵循以下规则：
- 使用空格而不是制表符（TAB）进行缩进。
- 每个缩进级别使用4个空格。
- 在HTML标签之间保持一致的缩进。
- 在PHP代码块中保持一致的缩进。
- 在HTML标签内部和PHP代码块内部使用相同的缩进级别。
例如，以下是一个正确缩进的HTML和PHP代码示例：
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Welcome to my website</h1>
<?php
echo "Hello, World!";
?>
</body>
</html>在这个示例中，HTML标签之间保持了一致的缩进，PHP代码块也保持了一致的缩进，并且在HTML标签内部和PHP代码块内部使用了相同的缩进级别。
总之，使用Vim正确缩进HTML和PHP的代码可以提高代码的可读性和可维护性，同时也可以避免出现不必要的错误和混乱。
相关·内容
在下面的代码中，我试图让h1元素具有上边距。当我在css中将位置设置为内联时，页边距-顶部不显示。但是当我把它改成inline-block的时候，它就发生了。我想知道有没有人能解释一下为什么会这样。谢谢。
编辑:这是jsfiddle中的代码：
这是我的HTML：
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="MyFirstWebsite.css">
<title>
M
浏览 3提问于2013-10-03得票数 11
回答已采纳
1回答
无法在导航栏中看到选项卡文本
、、、、
我在JADE中使用下面的代码，我没有在导航栏中看到选项卡文本，这里有什么问题，我试着玩缩进，但没有成功--我想我缺少了一些basic.please帮助
html
head
title= title
link(rel="stylesheet", href="bootstrap.min.css")
link(rel='stylesheet', href='//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootst
浏览 1提问于2014-12-06得票数 1
回答已采纳
7回答
在我们所有的项目中，我们都有一个严格的策略，缩进所有的HTML，XML等来匹配嵌套深度；但是最近出现了一个问题:在HTML中的<head>和<body>是否应该缩进来匹配嵌套深度？
从本质上讲，这是一个问题
<html>
<head>
<title>...</title>
</head>
<body>
...
</body>
</html>
与
<html>
<head>
<title>...</title>
浏览 0提问于2011-04-01得票数 10
5回答
mVc世界中的HTML缩进
、、、、
下面是一个困扰我一段时间的问题，现在缩进HTML代码被认为是一个很好的实践，但是我在MVC模式中保留了一些缩进代码，下面是一个(愚蠢的)示例：
HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>Testing MVC Indentation</title>
</head>
<body>
<?php View('h1', 'I am a Level 1 Header'); ?>
<table>
浏览 5提问于2010-02-20得票数 6
回答已采纳
1回答
正如您可能看到的(从下面的截图中)，有一个额外的缩进水平，我没有做，也没有标签或空格相对应。重新键入代码不会修复此问题。原始文件是从github克隆的。我在Ubuntu12.04上使用gVim 7+，据我所知，原始文件也是在Linux机器上编写的。
这是截图：
我相信我的代码缩进是正确的，但是缩进指南显示了一个新的缩进级别，Python发出了缩进错误。
我对行尾和编码不太清楚。
浏览 3提问于2012-07-21得票数 0
3回答
我正在努力使这个脚本在我的events.js.coffee中工作
$(document).ready ->
$("#calendar").fullCalendar(
events: '/events.json'
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
}
浏览 3提问于2015-06-11得票数 0
1回答
这是html视图的pug文件。
我尝试将所有的h1元素放在表单中，但是我找不到方法，因为我得到了不同的语法错误。
现在正在使用此.pug
doctype html
html
head
meta(charset='utf-8')
meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
link(href='https://stackpath.bootstrapcdn.c
浏览 2提问于2018-11-06得票数 0
1回答
我正在使用python中的标记库在我的烧瓶应用程序中显示一些标记。在显示输出时，我会收到一个错误，因为它显示的是标记内容，而不是将其转换为HTML。
这是我的python代码。
import markdown
from flask import Flask
#import some other libraries
@app.route('/md')
def md():
content = """
<h1>Hello</h1>
Chapter
=======
Section
---
浏览 0提问于2018-11-04得票数 0
回答已采纳
3回答
如果可能的话，是否有人可以修改我的代码，看看是否可以作出任何改进？
<html>
<head>
<title>Roamfree - Official Website</title>
<link rel="stylesheet" href="index.css">
<style>
ul {
list-style-type: none;
margin: 25px;
padding: 0;
overflow: hidden;
}
li {
fl
浏览 0提问于2014-12-29得票数 2
回答已采纳
我有两个PHP文件，它们在基于MVC的应用程序中用作视图。它们都主要包含HTML，但也包含由Controller发送给它们的一些变量。
maintemplate.php:
<!DOCTYPE html>
<html>
<head>
<title><?php echo $viewModel->get('pageTitle'); ?></title>
</head>
<body>
<?php require($this-
浏览 1提问于2015-10-11得票数 0
Django版本2.0.7，Python3.6
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>My Own Website via base file</h1>
<p>Lorem ipsum</p>
<!-- {% include 'navbar.html' %} -->
{% block content
浏览 4提问于2020-03-26得票数 0
回答已采纳
3回答
请帮助我理解正确的方式使用模板继承在小枝。
我有一个模板base.html.twig，所有其他模板都可以扩展它。这包括html，头部，主体等标签和几个街区。
我想将< head >部分从base.html.twig模板移到它自己的文件head.html.twig中。如果我使用include指令，那么扩展模板将不再正确地覆盖该部分中的title块。
我决定通过将标题设置为扩展模板中的变量并将其传递给语句来解决这个问题。但是现在我有了需要加载在< head >部分中的额外javascript的页面，所以我必须添加变量来指示要加载哪些.
很明显这是个可怕的传说。怎样才是正确的
浏览 7提问于2015-03-17得票数 1
回答已采纳
我只需要在reStructuredText (sphinx)中嵌入一小段超文本标记语言或xml，这样浏览器就可以在生成的超文本标记语言文件中呈现它们，如下所示
.. raw:: html
<a href="testurl">testurl</a>
或
.. raw:: html
<math><apply><plus/><ci>a</ci><apply><minus/><ci>b</ci><ci>c</ci></
浏览 55提问于2018-05-28得票数 3
1回答
我已经能够正确地使用html和css在我的网页中定位和缩放几个元素，但是由于定位规则的原因，我一直被困在如何继续使用另外两个元素的操作上。
图片中的chevron图标必须在标题为“向下滚动”的最后一段下面&我还希望它与屏幕大小进行缩放，因为我已经成功地处理了其他文本/元素，如您所见：
以下是html：
<!DOCTYPE html>
<html>
<head>
<title>myWebpage</title>
<meta charset="utf-8">
<
浏览 2提问于2016-02-07得票数 3
回答已采纳
<html>
<head>
<title> my's info </title>
</head>
<body>
<p align="center">
<h1>ABOUT ME</h1>
</p>
<p> this is a paragraph </p>
<h3> this is a h
浏览 8提问于2022-02-08得票数 1
我正在尝试使用C#和HTMLTextWriter呈现一个基本的HTML页面，以输出到WebBrower对象，但在HTMLTextWriter输出中呈现<meta>标记时遇到了问题。
我期望的输出.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Website</title>
</head>
<body>
<h1>Hello World!<
浏览 5提问于2016-07-24得票数 1
回答已采纳
我已经尝试了所有类似性质的问题，但是这个非常基本的代码不起作用。我只想使用XMLHttpRequest从同一个文件中的php代码接收消息。
<!DOCTYPE html>
<head></head>
<body>
<div id="qwer" style="height:50px;width:40px"></div>
<script type="text/javascript">
function check() {
var ualias=document
浏览 3提问于2013-12-22得票数 0
回答已采纳
4回答
所以我有一个用ruby表示的字符串，类似于
str = "<html>\n<head>\n\n <title>My Page</title>\n\n\n</head>\n\n<body>" +
" <h1>My Page</h1>\n\n<div id=\"pageContent\">\n <p>Here is a para" +
"graph. It can contain spaces
浏览 0提问于2010-06-20得票数 4
回答已采纳
我目前使用的是1.5.3 AngularJS版本& ng-include="'file.html'“不起作用
<!DOCTYPE html>
<html lang="en-US" ng-app="myApp">
<head>
<!-- Include AngularJS Files -->
<script src="vendor/AngularJS/angular.min.js"></script>
浏览 3提问于2016-03-26得票数 2
回答已采纳
我有一个关于SEO和HTML设计的基本问题。大多数网站的主页都使用以下代码：
<html>
<head>
<title>Website name</title>
</head>
<body>
<h1>Website name</h1>
...some Slidebar That shows items list and artciles list...
</body>
</html>
但是对于内部
浏览 0提问于2014-03-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
