Могу ли я включить заголовки внутри групп форм?

Question

Я хотел бы знать, если его ОК для меня включить заголовок/s (h1) внутри группы форм? Для примера я добавил простую форму в фрагмент.

Я не уверен, насколько я могу или не могу включить его таким образом? Просто хочу убедиться, что я делаю это правильно.

Причина, по которой я делаю это так, состоит в том, что заголовки выравниваются вровень с левой стороной формы, иначе их размещение вне группы форм заставляет их сидеть дальше влево.

Так, они похожи на свойство legend в форме, если я хочу использовать заголовки вместо этого?

Cheers!

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> 
 
<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 

 
<div class="container"> 
 
    <div class="col-md-12"> 
 
    <form> 
 
     <div class="form-group"> 
 
     <h1>Form details</h1> 
 
     <h4>Please fill out this form</h4> 
 

 
     <label for="exampleInputEmail1">Email address</label> 
 
     <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"> 
 
     </div> 
 
     <div class="form-group"> 
 
     <label for="exampleInputPassword1">Password</label> 
 
     <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 
 
     </div> 
 
     <button type="submit" class="btn btn-default">Submit</button> 
 
    </form> 
 
    </div> 
 
</div>

Answer 1

Это хорошо, но не очень хорошо для SEO, вы упускаете h2 и h3 заголовок между вашими заголовками