在HTML中正确嵌套表单标记

时间:2015-06-19 21:58:24

标签: html5 forms indentation

我正在复制一个页面,并想知道我是否需要缩进form标记,如果它嵌套在div标记内。 e.g。

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

或者在没有缩进的情况下编写它。 e.g。

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

提前谢谢。

2 个答案:

答案 0 :(得分:3)

HTML中的缩进无关紧要,纯粹是为了便于阅读。

为了便于阅读,在你的例子中,我会缩进。

我会缩进,因为form标记中包含div标记。

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

答案 1 :(得分:0)

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

您也可以让IDE为您格式化代码......

Visual Studio: ctrl + k, ctrl + d

Sublime Text 3:只需选择所有行ctrl + a,然后从菜单中选择编辑→行→重新开始