Несмотря на то что при работе с нашими адаптивными веб-страницами и дизайнами мы стремимся придерживаться принципа «сперва проектируем для мобильной платформы», я не могу перестать думать о создании наиболее оптимальной разметки (здесь я руководствовался стандартами разметки XHTML 1.0, которые подразумевают XML-синтаксис). Да, мы можем сделать наши страницы чуть меньше по объему благодаря эффекту экономии, который достигается при использовании HTML5, однако, откровенно говоря, если потребуется, то я лучше уберу из дизайна то или иное изображение, чтобы добиться экономии!
Мне кажется, что ради удобочитаемости кода все же стоит печатать дополнительные символы (слеши в конце и кавычки вокруг значений атрибутов). Поэтому при написании HTML5-документов я стремлюсь выбирать нечто среднее между старомодным стилем создания разметки (который обеспечивает валидную разметку с точки зрения HTML5, хотя валидаторы/инструменты для проверки соответствия могут выдавать предупреждающие сообщения) и эффектом экономии, который дает HTML5. Например, если говорить о ссылке на таблицу стилей CSS, которая приводилась чуть ранее, то для нее я бы написал следующий код:
<link href="CSS/main. css" rel="stylesheet"/>
Я сохранил закрывающий тег и кавычки, но исключил атрибут type. Здесь важно подчеркнуть, что вы можете сами определить, какой именно уровень вас устраивает. HTML5 не станет кричать на вас, демонстрировать вашу разметку перед всем классом и ставить вас в угол за то, что она не проходит валидацию.
Добавить комментарий