HTML является одним из основополагающих строительных блоков Интернета. Но так же, как и методы веб-дизайна меняются со временем, также меняется и код, который мы используем. По мере развития HTML какая-то часть его старой разметки устарела, а какая-то была перепрофилирована.
| <font> | Элемент <font> использовался для указания типографских стилей отображения. Он устарел, и шрифты должны быть стилизованы с помощью CSS. |
|---|---|
| <center> | Элемент <center> использовался для идентификации текста, который должен быть центрирован при визуализации браузером. Однако элемент устарел, и правильный и современный способ выравнивания текста по центру-это CSS. |
| <font> weight | Использовался для обозначения веса (жирного шрифта) текста. Устарел. Вместо этого используйте CSS. |
| img Border | Ранее использовался для определения границы элемента изображения. Он устарел и больше не должен использоваться. Уступил место CSS: style="border:..." |
| <font> Color | Использовался для указания цвета шрифта. Устарел. Вместо этого используйте CSS. |
| <marquee> | Элемент <marquee> использовался для идентификации текста, который должен перемещаться по определенному разделу веб-страницы в горизонтальном или вертикальном направлении. Элемент устарел и больше не должен использоваться. CSS или JavaScript можно использовать для создания подобных эффектов. |
| <font> Size | Использовался для указания размера текста. Устарел. Вместо этого используйте CSS. |
| <app> | Элемент <app> был предшественником элемента <app><applet>, который был устаревшим в HTML 4.01 и полностью удален из спецификации в HTML5. Современные эквиваленты включают <object> и <object><embed>. |
| <img loop=””> | Ранее использовался для указания количества воспроизведения видео при использовании совместно с атрибутом dynsource. Оба атрибута устарели. |
| <frame> | Элемент <frame> использовался для разбиения одного окна браузера на несколько независимых контекстов просмотра. Фреймы устарели и не должны использоваться современными веб-сайтами. |
| <a name=””> | Амортизированный - не использовать. |
| <applet> | Элемент <applet> использовался для добавления Java-апплетов в HTML-документ. Этот элемент был устаревшим в HTML 4.01 и полностью удален из спецификации HTML с выпуском HTML5. Современные эквиваленты включают <object> и <object><embed>. |
| <applet code=””> | Указывает URL-адрес файла кода приложения, который будет использоваться в апплете. Элемент апплета устарел. |
| <applet codebase=”””> | Указано расположение каталога, содержащего код приложения, который будет использоваться в элементе апплета. Элемент апплета устарел. |
| <applet width=””> | Задана ширина отображения панели апплета. Апплет устарел. |
| <applet height=”” | Задает высоту отображения панели апплета. Элемент апплета устарел. |
| <applet align=””> | Использовался для указания выравнивания апплета относительно окружающего содержимого. Элемент апплета устарел. |
| <applet vspace=””> | Использовался для указания количества пробелов, которые должны появляться над и под встроенным элементом <applet>. Апплеты и атрибут vspace устарели. |
| <applet hspace=””> | Задает размер горизонтального пространства (поля) с обеих сторон элемента апплета. Элемент апплета устарел. |
| <applet border=””> | Задана граница вокруг панели апплета. Элемент апплета устарел. |
| <applet name=””> | Определяет имя апплета. Элемент апплета устарел. |
| <applet archive=””> | Указан URL-адрес файла JAR (Java Archive), содержащего код приложения для апплета. Элемент апплета устарел. |
| <applet mayscript=””> | Указывает, может ли апплет обращаться к объектам JavaScript на странице. Элемент апплета устарел. |
| <basefont> | Элемент <basefont> использовался для установки размера шрифта по умолчанию для HTML-документа. Устаревший в HTML 4.01 и полностью удаленный из HTML5, <basefont> не поддерживается современными браузерами, и стиль шрифтов должен контролироваться с помощью CSS. |
| <basefont size=””> | Использовался для установки базового размера шрифта для всего документа. Устарел. Вместо этого используйте CSS. |
| <basefont color=””> | Используется для установки цвета текста для всего документа. Устарел. Вместо этого используйте CSS. |
| <basefont face=””> | Использовался для установки базовой грани шрифта для документа. Устарел. Вместо этого используйте CSS. |
| <bgsound> | Элемент <bgsound> использовался для встраивания фоновой звуковой дорожки в HTML-документ. Он был правильно реализован только в Internet Explorer и больше не поддерживается. Элемент <audio> теперь можно использовать для добавления фоновых звуков, но звуковые дорожки, которые автоматически воспроизводятся и не могут быть отключены пользователем, настоятельно не рекомендуются в современном веб-дизайне. |
| <big> | Элемент <big> использовался для того, чтобы выделенный текст казался на один размер больше окружающего текста. Этот чисто презентационный тег был удален из HTML5 и не должен использоваться. Вместо этого используйте CSS для управления размером шрифта. |
| <body text=””> | Использовался для стилизации текста внутри тела документа. Устарел. Используйте CSS. |
| <body topmargin=””> | Использовался для установки поля над телом документа. Устарел. Используйте CSS. |
| <body stylesrc=””> | Был проприетарным атрибутом для системы Frontpage. Не использовать. |
| <body scroll=””> | Использовался для переключения отображения полос прокрутки на странице, отключая возможность прокрутки пользователя. Устарел. Вы можете использовать CSS для этого, но вы не должны, потому что это плохая идея. |
| <caption align=””> | Использовался для управления горизонтальным выравниванием заголовка таблицы. Устарел. Вместо этого используйте CSS. |
| <font face=””> | Использовался для указания шрифта. Устарел. Вместо этого используйте CSS. |
| <font point-size=””> | Использовался для указания размера текста. Устарел. Вместо этого используйте CSS. |
| <form name=””> | Атрибут `name` является устаревшим при использовании с элементом `form`. Вместо этого используйте "id". |
| <frameset> | Элемент <frameset> использовался для создания группы кадров, которые можно было стилизовать и управлять как единое целое. Фреймы устарели и больше не должны использоваться. |
| <hype> | Элемент <hype> использовался для создания специфичного для браузера эффекта "Пасхального яйца". Он никогда не был добавлен в официальную спецификацию HTML и больше не поддерживается никаким браузером. Не используйте его. |
| <img name=””> | Идентифицировал изображение или предоставил дополнительную информацию о нем. Устарел в HTML 4.0 в пользу других атрибутов. |
| <img align=””> | Ранее использовался для задания выравнивания и размещения изображения относительно окружающего текста. Он устарел и не должен использоваться. |
| <img hspace=””> | Ранее использовался для добавления горизонтального пространства с обеих сторон изображения. Теперь он устарел. |
| <img lowsrc=””> | Указывает уменьшенную или более низкую версию изображения. |
| <img naturalsizeflag=””> | Этот атрибут ничего не делает. Когда-то он использовался проприетарной программной системой. |
| <img nosave> | Был предназначен для предотвращения загрузки пользователями изображения. Никогда не был частью спецификации HTML и не был широко реализован. |
| <img dynsrc=””> | Ранняя неудачная попытка включить собственное воспроизведение видео в HTML. |
| <img controls> | Переключаемые элементы управления медиаплеера при использовании в сочетании с dynsrcатрибутом. Оба атрибута теперь устарели. |
| <img start=””> | Использовался в сочетании с атрибутом dynsrc для добавления видео, которое загружалось бы в поддерживаемых браузерах вместо изображения, которое в противном случае отображалось бы. |
| <img suppress=””> | Используется ныне несуществующим браузером Netscape для подавления отображения изображения до завершения загрузки изображения. |
| <input language=””> | Использовался для указания языка сценариев, используемого для событий, инициируемых вводом. |
| <listing> | Элемент <listing> был задуман как способ визуализации HTML - кода на странице. Он никогда не поддерживался должным образом и теперь устарел. Использование <listing> почти наверняка приведет к неожиданным результатам. Вместо этого используйте <code> или поместите содержимое в <code><div> с соответствующим стилем CSS. |
| <multicol> | Элемент <multicol> был экспериментальной функцией, теперь устаревшей, которая использовалась для создания макета в стиле газеты для текстового контента. Для создания того же эффекта можно использовать свойство modern CSS columns. |
| <multicol cols=””> | OIOpublisher Элемент <multicol> является устаревшим и не должен использоваться. Клэр Бродли Клэр-опытный технический писатель, редактор и... Читать далее... |
| <multicol gutter=””> | Элемент <multicol> является устаревшим и не должен использоваться. Клэр Бродли Клэр-опытный технический писатель, редактор и HTML... Подробнее.. |
| <multicol width=””> | Элемент <multicol> является устаревшим и не должен использоваться. Клэр Бродли Клэр-опытный технический писатель, редактор и HTML... Подробнее.. |
| <noembed> | Элемент <noembed> был задуман как способ предоставления резервного контента пользователям, чьи браузеры не поддерживают элемент <noembed><embed>. В HTML 4.02 <noembed> устарел в пользу <noembed><object> для предоставления резервного контента. |
| <ol start=””> | Определяет начальный номер в упорядоченном списке. |
| <plaintext> | Элемент <plaintext> использовался для рендеринга HTML-кода в виде обычного текста. Поскольку все после открывающего тега отображалось как обычный текст, закрывающего тега <plainttext> не было. Этот элемент устарел и не должен использоваться. Вместо этого используйте элементы <code> или <code><pre>. |
| <select readonly> | <readonly> недопустимо в HTML. Используйте атрибут disabled. Клэр Бродли Клэр-опытный технический писатель, редактор и HTML... Подробнее.. |
| <sound> | Элемент <sound> использовался в браузере Mosaic для добавления звуковых файлов в HTML-документы. Он никогда не был официально принят в стандарте HTML и не имеет поддержки среди современных браузеров. Вместо этого используйте современный элемент HTML5 <audio>. |
| <table width=””> | Атрибут width <table> не поддерживается в HTML. Используйте CSS для управления внешним видом таблиц. Клэр Бродли... Читать далее... |
| <table hspace=””> | hspace не является допустимым атрибутом <table>. Вместо этого используйте CSS. Клэр Бродли Клэр-опытный технический писатель, редактор и... Читать далее... |
| <table height=””> | Атрибут height <table> недопустим ни в одной версии HTML. Вместо этого используйте CSS. Клэр Бродли Клэр... Читать далее... |
| <table rules=””> | Использовался для указания отображения внутренних границ между строками и столбцами. Этот атрибут устарел. Вместо этого используйте CSS для стилизации границ таблицы. |
| <table summary=””> | Атрибут summary <table> был разработан для поддержки невизуальных читателей HTML, таких как программы чтения с экрана. Он устарел в... Подробнее... |
| <xmp> | Элемент <xmp> использовался для окружения текста примера HTML, который должен быть визуализирован без интерпретации каких-либо элементов HTML между открывающими и закрывающими тегами <xmp><xmp>. Элемент был устаревшим в HTML 3.2 и теперь устарел. |
Многие из HTML-тегов и атрибуты были заменены более эффективным стилем CSS. Браузеры ещё поддерживают устаревший код, но использовать его не советуем, т.к. в один прекрасный момент поддержка прекратится и вы получите проблему.
Если у вас есть вопросы по статье или нужна помощь в создании сайта, пишите нам в чат на сайте или Вконтакте. Не забудьте оставить свой e-mail и мы ответим в самое ближайшее время.
Другие статьи по теме:
В наше время без анимационных эффектов на сайте просто не обойтись. Это и слайдеры и скроллеры, различного рода реагирования элементов дизайна при наведении на них мышкой, это анимация при прокрутке страниц и различные выезжающие, выплывающие, выползающие и т.д. блоки контента. Дизайнеры используют свою фантазию на 100%, чтобы их дсайт выделился из общей массы и запомнился Пользователям...
CSS 2024 демонстрирует 17 революционных обновлений, которые повышают эффективность веб-разработки благодаря расширенным возможностям компоновки, более плавной анимации и улучшенному взаимодействию с пользователем. Эти функции позволяют разработчикам создавать более динамичные, доступные и визуально привлекательные веб-сайты, чем когда-либо прежде.
Обычное поле Поиска по сайту можно оформить более оригинально, чем просто инпут с лупой. Например, благодаря анимационным эффектам на CSS3 поле для ввода поисковой фразы можно скрыть, чтобы освободить место для другого контента...
Никто особенно не увлекается навигацией по хлебным крошкам. Вы знаете, эти крошечные крошки путей, которые иллюстрируют, где пользователь в настоящее время находится в сложной иерархии веб-сайта. Их дизайн, казалось бы, очевиден, как и их положение на странице, и не похоже, что для того, чтобы хлебные крошки сияли, не требуется много инноваций...
В этой статье мы покажем, как легко добавить эффекты градиента и узоры к тексту на веб-странице.
