базовый курс

ГРУППА КУРСА

Стиль HTML кода

Страницы реальных сайтов бывают довольно большие и имеют достаточно сложную структуру. И в их коде иногда трудно разобраться. Пока Вы работаете со страницей или другими похожими страницами, Вы хорошо понимаете как она устроена. Но через некоторое время, когда Вам понадобится к ней вернуться, Вам придётся заново разбираться, что где находится и как всё работает. Именно по-этому нужно, чтобы Ваш код было легко читать, а для этого Вам нужно выработать определённый стиль кода и придержтваться его. Так Вам будет гораздо проще работать со своими страницами.

Одним из элементов стиля является табуляция. Когда вложенный тэг начинается с новой строки, то он ставится с отступом. У тех, кто строго соблюдает это правило, код выглядит примерно так

8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div>
  <div>
    <table>
      <tr>
        <td>
          <p>Контент</p>
        </td>
      </tr>
    </table>
  </div>
</div>
<div>
  <div>
    <table>
      <tr>
        <td>
          <p>Контент</p>
</td></tr></table></div></div>

Лично я вообще не использую табуляцию, хотя может это и неправильно. Просто сразу не стал использовать, а потом привык.

Я дам Вам несколько рекомендаций по оформлению кода:

  • Если вложенный и внешний тэг помещаются в одну строку, то и писать их надо в одну строку. Так код будет более компактным.
  • Если тэг занимает не больше 5 - 6 строк, то не стоит выделять для закрывающего тэга отдельную строку. Можно разместить его на последней строке содержания тэга. Ведь тэг легко помещается на экране и понятно, к какому тэгу относится закрывающий тэг.
  • Если Вы часто используете какой-то набор элементов, не связанных с контентом, то нужно располагать эти элементы в одной и той же последовательности. Так будет проще находить нужный элемент.
  • Если идут подряд несколько одинаковых тэгов, например пункты списка или ссылки, то нужно их располагать строго друг под другом. Так Вы визуально выделяете эту часть кода и её будет легко найти.

Вы можете использовать либо не использовать данные рекомендации, главное выработать свой стиль и придерживаться его. Это сэкономит Вам много времени. Грамотный специалист всегда имеет свой стиль кода.