Путеводитель по строгому HTML 4.01

 

  • Всегда начинайте вашу страницу с определения DOCTYPE, а сразу за ним указывайте <html>, который должен всегда быть корневым элементом вашей веб-страницы. Тег </html> всегда должен заканчивать вашу веб-страницу, а все остальное должно быть вложено в него.
  • Всегда используйте <head> и <body>, чтобы HTML-код был лучше.

Только элементы <head> и <body> могут быть напрямую вложены в элемент <html>. Это означает, что все остальные элементы должны располагаться внутри элементов <head> и <body>.

  • В элементе <head> всегда помещайте элемент <title>. Это закон. Если вы этого не сделаете, то HTML будет признан не соответствующий стандартам. Элемент <head> - единственный, в который вы можете помещать элементы <title>, <meta> и <style>.
  • Наполняйте элемент <body> только полезными блочными элементами (<p>, <h1>, <h2> … <h6>, <blockquote>и т.д.). Строчные элементы и текст необходимо сначала поместить в другой блочный элемент, и только затем они смогут войти в состав элемента <body>.
  • Никогда не помещайте блочные элементы внутрь строчных.
  • Не помещайте блочные элементы внутрь элемента <p>. Абзацы предназначены для текстов, поэтому не нужно помещать в них блочные элементы. Однако любые строчные элементы можно использовать внутри абзацев.
  • Списки предназначены для перечисления пунктов, поэтому внутри элементов <ul> и <ol> разрешается использовать только элемент <li>.
  • Однако, внутрь элемента <li> разрешается помещать любой текст, а также строчные или блочные элементы.
  • Элемент <blockquote> требует, чтобы внутри его было не менее одного блочного элемента. Необходимо помещать текст и другие строчные элементы внутрь блочных, а затем уже эти блочные элементы добавлять в <blockquote>.
  • Будьте внимательны при вкладывании строчных элементов друг в друга. Никогда не вкладывайте элемент <a> внутрь другого элемента <a>, потому что это может сильно запутать пользователей. А также не предусмотрено способа вкладывать строчные элементы в такие пустые элеметы, как <img>.