Pull to refresh

End tag: optional

Reading time3 min
Views1.3K
Задача: Рассказать об красоте отсутствия закрывающихся тегов.

Сейчас читаю множество статей на хабре, в которых хабра-авторы выкладывают свой HTML. Я хочу показать, как его можно сделать красивее.

Речь пойдёт о тегах:
  • OPTION
  • P
  • LI, DT, DD
  • THEAD, TFOOT, TBODY
  • TR, TD, TH
Суть в том, что эти теги не обязательно необходимо закрывать.

OPTION

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
  <TITLE>OPTION</TITLE>
  <meta http-equiv="Content-type" content="text/html;charset=windows-1251">
</HEAD>
<BODY>
  <FORM action="">
    <DIV>
    <SELECT multiple size="4">
      <OPTION selected>Выбор 1
      <OPTION selected>Выбор 2
      <OPTION>Выбор 3
      <OPTION>Выбор 4
      <OPTION>Выбор 5
      <OPTION>Выбор 6
      <OPTION>Выбор 7
    </SELECT>
    </DIV>
  </FORM>
</BODY>

P

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
  <TITLE>P</TITLE>
  <meta http-equiv="Content-type" content="text/html;charset=windows-1251">
</HEAD>
<BODY>
  <DIV>
    <P>Здравствуйте дорогие читатели моей статьи. Статья должна получиться достаточно интересной и поучительной. И ничего страшного в том, что вы её дочитаете до конца совершенно нет.
    <P>Для начала я расскажу о том, что меня беспокоит. Безграмотность населения растёт, потому что людей которые пытаются верстать, становится всё больше.
    <P>Что с этим делать? Для начала предлагаю читать хорошие книжки по теме, а только после этого читать форумы и информацию в интернете.
  </DIV>
</BODY>

LI, DT, DD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
  <TITLE>LI, DT, DD</TITLE>
  <meta http-equiv="Content-type" content="text/html;charset=windows-1251">
</HEAD>
<BODY>
  <DL>
    <DT>Linux
      <DD>Общее название UNIX-подобных операционных систем на основе одноимённого ядра и собранных для него библиотек и системных программ, разработанных в рамках проекта GNU.
    <DT>Windows
      <DD>Семейство собственнических операционных систем компании Майкрософт (Microsoft).
  </DL>
</BODY>

TR, TD, TH

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
  <TITLE>TABLE</TITLE>
  <meta http-equiv="Content-type" content="text/html;charset=windows-1251">
</HEAD>
<BODY>
  <TABLE>
    <THEAD>
      <TR><TH>Вариант  <TH>Решение
    <TBODY>
      <TR><TD>1.       <TD>43 р
      <TR><TD>2.       <TD>13 р
      <TR><TD>3.       <TD>30 р
      <TR><TD>4.       <TD>99 р
      <TR><TD>5.       <TD>55 р
      <TR><TD>6.       <TD>33 р
  </TABLE>
</BODY>


* This source code was highlighted with Source Code Highlighter.
Как вы можете видеть — все эти примеры хорошо читаются. Они совместимы со стандартом W3C и работают во всех браузерах корректно.

UPD: У НАС намечается holywar X(HT)ML против HTML. Желающие поучаствовать, читайте комментарии!!! :)
Tags:
Hubs:
-34
Comments91

Articles

Change theme settings