Атрибуты
Открывающий тег может содержать дополнительную информацию, как в примере выше. Такая информация называется аттрибутом. Аттрибуты обычно состоят из 2 частей:
имя аттрибута
значение аттрибута
Некоторые аттрибуты могут иметь только одно значение. Это Boolean аттрибуты имеющие сокращённый синтаксис. Такой аттрибут можно определить указав только имя аттрибута или оставить его значение пустым. Таким образом, следующие 3 примера имеют одинаковое значение:<input>
<input>
<input required>
Если значение аттрибута состоит из одного слова или цифры, то можно прямо прописать значение аттрибута не окружая значение в кавычки, но если значение аттрибута содержит более одного набора символов разделённых пробелом, то нужно окружить значение в кавычки. Допускаются как одинарные (') так и двойные (") кавычки. Многие веб-разработчики предпочитают всегда использовать кавычки, чтобы избежать двухсмысленности в коде и не допустить случайно ошибку. Например, в следующем коде демонстрируется ошибка такого рода:<p class=foo bar> (Осторожно, возможно этот код совсем не то что вы ожидаете.)
В этом примере предполагалось, что значение аттрибута class будет "foo bar", но так как оно не было завёрнуто в кавычки, то при парсинге этот код будет обработан, как если бы его написали следующим образом:<p>
Спецсимволы
Спецсимволы используются, чтобы отобразить символы, которые имеют особое значение в HTML. Например, в HTML символы меньше чем и больше чем используются для обозначение тегов, поэтому если Вам нужно отобразить эти символы в тексте, то воспользуйтесь замещающими спецсимволами. Далее список часто используемых 4 общих спецсимволов, которые нужно знать:
> обозначает знак больше чем (>)
< обозначает знак менее чем (<)
& обозначает знак амперсанда (&)
" обозначает знак двойных кавычек (")Помимо этих есть множество других спецсимволов, но эти четыре самые важные, так как они предстваляют символы, которые имеют особое значение в HTML.
ВЫ ЧИТАЕТЕ
HTML Обучалка.
RandomТуториал по верстке веб сайтов и т.п. Туториал представлен командой 5DevUnity.