Лучшие практики для написания элементов HTML 5
Один вопрос, который возникает у многих новых веб-дизайнеров, заключается в том, являются ли теги HTML 5 чувствительными к регистру? Короткий ответ – нет”. HTML5-теги не чувствительны к регистру, но это не значит, что вы не должны быть строгими в том, как вы пишете свою HTML-разметку!
Вернуться к XHTML
До того, как HTML5 вошел в индустрию, веб-профессионалы использовали язык разметки XHTML для создания своих веб-страниц.
Когда вы пишете XHTML, вы должны писать все стандартные теги строчными буквами, потому что XHTML чувствителен к регистру. Это означает, что тег является другим тегом, чем в XHTML. Вы должны были быть очень точными в том, как вы кодировали веб-страницу XHTML и использовали только строчные символы. Это строгое соблюдение было на самом деле выгодно для многих новых веб-разработчиков. Вместо того, чтобы писать разметку с сочетанием строчных и прописных букв, они знали, что должен соблюдаться строгий формат. Для тех, кто порезался в веб-дизайне, когда XHTML был популярен, сама идея о том, что разметка может быть сочетанием прописных и строчных букв, кажется чуждой и просто ошибочной.
HTML5 становится свободным
Версии HTML до XHTML не чувствительны к регистру. HTML5 следовал этой традиции и отошел от строгих требований к форматированию XHTML.
Так что HTML 5, в отличие от XHTML, не чувствителен к регистру. Это означает, что
и
и
– это один и тот же тег в HTML 5. Если для вас это похоже на хаос, я чувствую вашу боль.
Идея, лежащая в основе HTML5, не учитывающая регистр, заключалась в том, чтобы облегчить освоение языка для новых веб-профессионалов, но для тех, кто преподает веб-дизайн новым студентам, это не так.
Возможность дать новичкам в веб-дизайне определенный набор правил, таких как «всегда писать свой HTML-код в нижнем регистре», помогает им, когда они пытаются выучить все, что им нужно, чтобы стать веб-дизайнером. Предоставление им слишком гибких правил на самом деле сбивает с толку многих учащихся, а не облегчает их.
Нам нравится тот факт, что авторы спецификации HTML5 пытались помочь облегчить обучение, сделав его более гибким, но в этом случае мы думаем, что они допустили ошибку.
В HTML 5 принято использовать строчные буквы
В то время как допустимо писать теги, используя любой регистр, который вы предпочитаете при написании HTML 5, принято использовать все строчные буквы для тегов и атрибутов. Отчасти это происходит потому, что многие опытные веб-разработчики, пережившие времена строгого XHTML, перенесли эти лучшие практики в HTML5 (и далее). Этим веб-профессионалам нет дела до того, что сочетание прописных и строчных букв допустимо в HTML5 сегодня, они будут придерживаться того, что они знают, а именно строчных букв.
Так много знаний о веб-дизайне учат у других, особенно у тех, кто более опытен в этой отрасли. Это означает, что новые веб-разработчики рассмотрят код опытных профессионалов и увидят все строчные разметки. Если они эмулируют этот код, это означает, что они тоже будут писать HTML5 строчными буквами. Это то, что, кажется, происходит сегодня.
Лучшие практики для письма
Исходя из нашего опыта, мы считаем, что лучше всегда использовать строчные буквы для HTML-кода, а также для имен файлов. Поскольку некоторые серверы чувствительны к регистру, когда дело доходит до имен файлов (например, «logo.jpg» будет выглядеть иначе, чем «logo.JPG»), если у вас есть рабочий процесс, в котором вы всегда используете строчные буквы, вам никогда не придется задавать вопросы где проблема может быть в регистре, если у вас возникли проблемы, такие как отсутствие изображений. Если вы всегда используете строчные буквы, вы можете игнорировать это как проблему при отладке проблем сайта. Это рабочий процесс, который мы рекомендуем обучать студентам и который мы используем в нашей работе по веб-дизайну.
Оригинальная статья Дженнифер Крынин. Под редакцией Джереми Жирар.
