Использование независимого от протокола абсолютного пути.

Если браузер просматривает страницу в SSL через HTTPS, он работает с протоколом HTTPS, если же нет, то с HTTP.
Это предотвращает появление в Internet Explorer сообщения об ошибке «Эта страница содержит как защищённые, так и незащищенные элементы» и сохраняет все ваши запросы в рамках одного и того же протокола.
Предостережение: при использовании  или @import для таблицы стилей, 7-я и 8-я версия Internet Explorer загружают файл дважды. Тем не менее, в остальном всё отлично.

Тег label логически связывается с элементом формы, используя атрибут «for». Большинство браузеров превращают это в ссылку, которая активирует связанный элемент формы

🗿 Тег optgroup — это одна из функций, которая зачастую не используется, большинство даже не в курсе его существования.

Optgroup, как контейнер объединяет в группу теги. Этот тег выделяет варианты в выпадающем списке select в отдельную группу.

🗿 Тег - Onerror

onerror — это JavaScript событие, которое будет запущено прямо перед отображением маленького красного крестика.

Это можно использовать для написания сценариев замены «битых» изображений каким-либо альтернативным контентом

Элемент kbd может обозначать как набираемый текст, так и горячие клавиши. Можно заменить его с помощью CSS, впрочем как многие и делают, но мало кто знает об этом теге.

Тег kbd используют для обозначения клавиш на клавиатуре.

🗿 Тег blink

Должен использоваться для чего-либо крайне важного на сайте. Элементы под тегом будут мигать.

🗿Тег marquee

Если использовать этот тег, элементы будут ездить по странице. Не совсем понятно, зачем это нужно, но вдруг захочется экспериментов)

Малоизвестно, но можно указать lowsrc для показа превью, пока загружается основное изображение из src.

Кстати в 2000-м году это свойство использовалось для атаки на Hotmail.

Для того, чтобы промаркировать удалённые элементы, можно использовать теги <del> и <ins>:

<map> тег может быть использован для создания кликабельных областей на картинке, которые могут быть использованы в перенаправлении пользователя на другой сайта или перемещение экрана на другую область страницы.

Можно определить в какой области картинки будет отображаться ссылка используя тег <area>, который должен быть внутри тега <map>.

Используя <datalist> можно сделать список подсказок, которые будут появляться по время ввода данных в input.

Выглядит так:

🗿 Вертикальное заполнение относительно ширины элемента, а не высоты
padding: 50% не добавляет отступ 50% от оригинальной высоты элемента, а добавляет 50% отступ от ширины родительского элемента.

Зная это, мы можем легко создавать чувствительные элементы, которые сохраняют соотношение высоты и ширины.