正确嵌套HTML中的表单标签

Question

我正在复制一个页面，并且想知道是否需要缩进form标记，如果它嵌套在div标记中。例如

 <div class="signup-form"> 
     <form method="post"> 
      <input type="text" value="First Name"> 
      <input type="text" value="Last Name"> 
     </form> 

或者我不写缩进就写。例如

 <div class="signup-form"> 
     <form method="post"> 
     <input type="text" value="First Name"> 
     <input type="text" value="Last Name"> 
     </form> 

在此先感谢您。

Answer 1

缩进HTML没关系，纯粹是为了可读性。

为了增强可读性，在你的榜样，我会缩进。

我会缩进，因为form标签包含在div标签内。

<div class="signup-form"> 
 
    <form method="post"> 
 
    <input type="text" value="First Name"> 
 
    <input type="text" value="Last Name"> 
 
    </form> 
 
</div>

Answer 2

缩进不会影响您的标记被解释的方式。您可以按照标准进行可读性或您自己的风格偏好。

你也可以让IDE格式为你的代码...

的Visual Studio：ctrl + k, ctrl + d

崇高的文本3：只需选择所有行ctrl + a，然后从菜单中选择编辑→Line→Reindent