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. Браузеры ещё поддерживают устаревший код, но использовать его не советуем, т.к. в один прекрасный момент поддержка прекратится и вы получите проблему.
Другие статьи по теме:
grid-template-rows и grid-template-columns свойства теперь можно анимировать во всех основных веб-браузерах! Что ж, CSS Grid уже давно технически поддерживает анимацию, так как она встроена прямо в спецификацию модуля компоновки CSS Grid Level 1.
Существует множество вариантов для определения размера и расположения фоновых изображений с помощью CSS. В этой статье мы рассмотрим, как использовать object-fit для размещения изображений на определенном пространстве и как использовать object-position для правильного позиционирования в этом пространстве.
Изучая HTML5 и добавляя новые методы в свой инструментарий, вы, вероятно, захотите создать шаблон HTML, чтобы начинать все будущие проекты. Это определенно стоит сделать, и в Интернете есть много отправных точек, которые помогут вам создать свой собственный шаблон HTML5.
В наше время без анимационных эффектов на сайте просто не обойтись. Это и слайдеры и скроллеры, различного рода реагирования элементов дизайна при наведении на них мышкой, это анимация при прокрутке страниц и различные выезжающие, выплывающие, выползающие и т.д. блоки контента. Дизайнеры используют свою фантазию на 100%, чтобы их дсайт выделился из общей массы и запомнился Пользователям...
Какие новые возможности предоставляет веб дизайнерам HTML5?
Наша информация будет интересна тем, кто только начинает изучать и применять теги HTML5 при создании своих первых сайтов, а также в качестве справочной информации и для более опытных верстальщиков, чтобы не забывали.
