Когда вы начнете исследовать мир веб-дизайн, вы, несомненно, познакомитесь с рядом новых для вас слов и фраз. Один из терминов, который вы, вероятно, услышите, это «разметка» или, возможно, «язык разметки». Чем «разметка» отличается от «кода» и почему некоторые веб-профессионалы используют эти термины как синонимы? Давайте начнем с того, что посмотрим, что такое «язык разметки».
Этот пример представляет собой абзац HTML. Он состоит из открывающего тега (
), закрывающий тег (
) и фактический текст, который будет отображаться на экране (это текст, содержащийся между двумя тегами). Каждый тег включает символы «меньше» и «больше», обозначающие его как часть разметки. При форматировании текста для отображения на экране компьютера или другого устройства необходимо различать сам текст и инструкции для текста. «Разметка» - это инструкции по отображению или печати текста.
Разметка не обязательно должна быть удобочитаемой. Аннотации, сделанные в печатном виде или в книге, также считаются разметкой. Например, многие ученики в школе выделяют определенные фразы в своих учебниках. Это указывает на то, что выделенный текст более важен, чем окружающий текст. Цвет выделения считается разметкой.
Разметка становится языком, когда кодифицируются правила написания и использования этой разметки. Этот же ученик мог бы иметь свой собственный «язык разметки для заметок», если бы он кодифицировал такие правила, как «фиолетовый маркер - это для определений желтый маркер - для деталей экзамена, а карандашные заметки на полях - для дополнительных ресурсов ».
Большинство языков разметки определены сторонними организациями для использования разными людьми. Так работают языки разметки для Интернета. Они определены консорциумом W3C или World Wide Web.
Давайте посмотрим на 3 языка разметки
Почти каждая аббревиатура в Интернете, содержащая «ML», является «языком разметки» (большой сюрприз, это то, что означает «ML»). Языки разметки - это строительные блоки, используемые для создания веб-страниц любых форм и размеров.
На самом деле в мире существует множество разных языков разметки. Для веб-дизайна и разработки есть три конкретных языка разметки, с которыми вы, вероятно, столкнетесь. Это HTML, XML и XHTML.
Что такое язык разметки?
Чтобы правильно определить этот термин, язык разметки - это язык, который аннотирует текст, чтобы компьютер мог манипулировать этим текстом. Большинство языков разметки удобочитаемы, потому что аннотации написаны таким образом, чтобы отличать их от самого текста. Например, в HTML, XML и XHTML теги разметки имеют вид.
<
а также.
>
Любой текст, который появляется внутри одного из этих символов, считается частью языка разметки, а не частью аннотированного текста. Например:
HTML - язык разметки гипертекста
HTML или язык разметки гипертекста является основным языком Интернета и наиболее распространенным языком, с которым вы будете работать как веб-дизайнер / разработчик. Фактически, это может быть единственный язык разметки, который вы используете в своей работе.
Все веб-страницы написаны на языке HTML. HTML определяет способ отображения изображений, мультимедиа и текста в веб-браузерах. Этот язык включает элементы для соединения ваших документов (гипертекст) и делает ваши веб-документы интерактивными (например, с формами). Многие люди называют HTML «кодом веб-сайта», но на самом деле это просто язык разметки. Ни один из этих терминов не является строго неправильным, и вы услышите, как люди, в том числе веб-специалисты, используют эти два термина как синонимы.
HTML - это определенный стандартный язык разметки. Он основан на SGML (Стандартный обобщенный язык разметки). Это язык, который использует теги для определения структуры вашего текста. Элементы и теги определяются символами .
Хотя HTML на сегодняшний день является самым популярным языком разметки, используемым в Интернете, это не единственный выбор для веб-разработки. По мере развития HTML он становился все более сложным, а теги стиля и содержимого объединялись на одном языке. В конце концов, W3C решил, что необходимо разделить стиль веб-страницы и контент. Тег, определяющий только содержимое, останется в HTML, в то время как теги, определяющие стиль, устарели в пользу CSS (каскадных таблиц стилей).
Самая новая нумерованная версия HTML - это HTML5. Эта версия добавила больше возможностей в HTML и удалила некоторые из строгих требований, налагаемых XHTML (подробнее об этом языке в ближайшее время).
Способ выпуска HTML изменился с появлением HTML5. Сегодня добавляются новые функции и изменения без необходимости выпуска новой пронумерованной версии. Последняя версия языка называется просто «HTML».
XML - расширяемый язык разметки
Расширяемый язык разметки - это язык, на котором основана другая версия HTML. Как и HTML, XML также основан на SGML. Он менее строг, чем SGML, и более строг, чем простой HTML. XML обеспечивает расширяемость для создания различных языков.
XML - это язык для написания языков разметки. Например, если вы работаете над генеалогией, вы можете создать теги с помощью XML для определения отца, матери, дочери и сына в вашем XML следующим образом:. Также существует несколько стандартизированных языков, уже созданных с помощью XML: MathML для определения математики, SMIL для работы с мультимедиа, XHTML и многие другие.
XHTML - расширенный язык разметки гипертекста
XHTML 1.0 - это HTML 4.0, переопределенный для соответствия XML стандарт. XHTML был заменен в современном веб-дизайне HTML5 и изменениями, которые произошли с тех пор. Вы вряд ли найдете какие-либо новые сайты, использующие XHTML, но если вы работаете над гораздо более старым сайтом, вы все равно можете встретить XHTML в дикой природе.
Между HTML и XHTML не так много серьезных различий, но вот что вы заметите:
- XHTML пишется в нижнем регистре. Пока HTML-теги могут быть написаны в ВЕРХНЕМ регистре, MiXeD или в нижнем регистре, чтобы быть правильным, теги XHTML должны быть полностью в нижнем регистре. (многие веб-профессионалы пишут HTML в нижнем регистре, хотя технически это не требуется).
- Все элементы XHTML должны иметь закрывающий тег. Элементы с одним тегом, например, и, нуждаются в закрывающей косой черте (/) в конце тега:
- Все атрибуты должны быть указаны в XHTML. Некоторые люди удаляют кавычки вокруг атрибутов для экономии места, но они необходимы для правильного XHTML.
- XHTML требует, чтобы теги были правильно вложены. Если вы откроете полужирный (), а затем курсивом () необходимо закрыть элемент курсива () перед тем, как закрыть жирный шрифт (). (Обратите внимание, что оба этих элемента устарели, потому что они являются визуальными элементами. HTML теперь использует а также вместо этих двух).
- Атрибуты HTML должны иметь имя и значение. Атрибуты, которые являются автономными в HTML, также должны быть объявлены со значениями, например, атрибут HR будет записан noshade = "noshade".