Устаревшие html теги – Стили в HTML, первое знакомство с css, устаревшие теги оформления html // Вебшкола онлайн

Устаревшие теги и атрибуты | htmlbook.ru

HTML5 активно взаимодействует с CSS, поэтому запрет на многие атрибуты, начатый в HTML4 в пользу стилей, только усилился. Включение новых элементов вроде <video> и <audio> также сводит на нет теги, на которые возлагалась функция мультимедиа.

Устаревшие теги

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

  • <applet> — добавляет Java-апплет в документ. Вместо него следует использовать <embed> или <object>.
  • <acronym> — этот тег вызывал постоянные вопросы, что такое акроним и чем он отличается от аббревиатуры. Для упрощения остался единственный тег <abbr>.
  • <bgsound> — определяет музыкальный файл, который будет проигрываться на веб-странице при её открытии. Для воспроизведения музыки используйте новый элемент <audio>.
  • <dir> — создает список, содержащий названия директорий, вместо него используйте <ul>.
  • <frame>, <frameset>, <noframe> — фреймы более не поддерживаются. Если они вам требуются, используйте другую версию HTML или <iframe> совместно со стилями.
  • <isindex> — предназначен для поискового индекса в текущем документе. Комбинация <form> и <input> лучше справляется с этой задачей.
  • <listing>, <xmp> — для вывода листинга программы предназначены <pre> и <code>.
  • <nextid> — этот тег не предназначен для людей и указывает идентификатор следующего документа для автоматических редакторов HTML. Полностью исключён.
  • <noembed> — предназначен для отображения информации на веб-странице, если браузер не поддерживает работу с плагинами. В качестве альтернативы используйте <object>.
  • <plaintext> — отображает содержимое контейнера «как есть», любые теги выводятся как текст. Вместо тега используйте MIME-тип text/plain.
  • <rb> — определяет базовый текст внутри <ruby>. Этот тег полностью исключён.
  • <strike> — для зачёркнутого текста применяется <s>, а для указания редакторской правки <del>.
    <basefont>, <big>, <blink>, <center>, <font>, <marquee>, <multicol>, <nobr>, <spacer>, <tt>, <u> — вместо этих тегов управляющих видом текста применяются стили.

Обратите внимание, что тег <small> допустим, хотя относится к той же группе тегов, что и <big>.

Устаревшие, но поддерживаемые атрибуты

Атрибут http-equiv тега <meta> для указания языка должен заменяться атрибутом lang.

Было:

<meta http-equiv="content-language" content="ru" />

Стало:

<html lang="ru">

Атрибут name тега <a> должен заменяться атрибутом id. Если name присутствует, то должен содержать пустую строку или совпадать со значением id.

Было:

<a name="p12"></a>

Стало:

<a></a>

Атрибут language тега <script> должен быть опущен. Если он присутствует, значение совпадает с JavaScript или другим типом, но в таком случае язык скрипта следует указать через type.

Было:

<script type="text/javascript" language="JavaScript">

Стало:

<script>

Атрибут border тега <img> не указывается, а толщина границы задаётся через стили. Если этот атрибут присутствует, его значение должно быть 0.

Было:

<img border="1">

Стало:

<img>

Наличие атрибута summary тега <table> приведёт к предупреждению.

Устаревшие атрибуты

  • Элемент <a>: charset, coords, shape, methods, name, rev, urn.
  • Элемент <area>: nohref.
  • Элемент <body>: alink, bgcolor, link, marginbottom, marginheight, marginleft, marginright, margintop, marginwidth, text, vlink.
  • Элемент <br>: clear.
  • Элемент <embed>: name.
  • Элемент <head>: profile.
  • Элемент <html>: version.
  • Элемент <iframe>: longdesc.
  • Элемент <img>: longdesc, lowsrc, name.
  • Элемент <input>: usemap.
  • Элемент <link>: charset, methods, rev, target, urn.
  • Элемент <meta>: scheme.
  • Элемент <option>: name.
  • Элемент <object>: archive, classid, code, codebase, codetype, declare, standby
  • Элемент <param>: type, valuetype.
  • Элемент <script>: event, for, language.
  • Элемент <table>: datapagesize.
  • Элемент <td> и <th>: abbr, axis.

Также запрещён атрибут datasrc для всех элементов.

Устаревшие теги в HTML 4.01.

В прошлом видео уроке мы закончили разговор об объектах в HTML. И узнали как вставить аудио в HTML-документ. Опять же закрепили свои знания в изучении тегов object и param. Кроме того, еще раз вспомнили как подключать скрипты в HTML-документе.

После того, как мы изучили теги <object> и <param> можно считать, что мы знакомы со всеми HTML-тегами, которые мы можем использовать. Сразу скажу, чтобы не у кого не возникало сомнений, это действительно так, больше нет тегов, которые мы могли бы использовать. Однако стоит учитывать, что те теги, о которых мы поговорим сегодня нельзя использовать в строгой спецификации документа, то есть с использованием строгого <!DOCTYPE>. А как мы можем помнить, именно строгий тип документа нами был выбран в самом начала видео курса. На то есть свои причины. И самая основная заключается в том, чтобы уменьшить количество ошибок до минимума.

Устаревшие теги в HTML 4.01.

В этом видео уроке мы поговорим о последних тегах, в рамках этого курса. Это устаревшие теги. На самом деле их довольно много при использовании строго типа документа, поэтому какие-то теги мы рассмотрим чуть подробнее, а какие-то просто будут упомянуты. Для начала, я предлагаю полный список устаревших HTML-тегов для версии 4.01:

<applet></applet> 
<basefont />
<center></center>
<dir></dir>
<isindex />
<s></s>
<u></u>
<iframe></iframe>
<menu></menu>

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

Тег <applet>.

Тег <applet> добавляет некие Java-апплеты в HTML-документ. Он является устаревшим, с использованием строго типа документа, и вместо него необходимо использовать тег

<object>. Однако стоит отметить, что данный тег можно использовать, если тип нашего документа: Transitional или Frameset. Но при этом мы должны использовать обязательные атрибуты width и height.

Теги <font> и <basefont>.

Эти теги я объединил хоть они и не являются абсолютно идентичными, однако направлены на указание характеристик шрифта в документе.

Но при этом HTML-тег <basefont> устанавливает значение характеристик шрифта по умолчанию для всего документа. И указывается сразу после открывающего тега <body>. Опять же, он может быть использован в другом типе документа: Transitional или Frameset. Но при этом должен быть использован обязательный HTML-атрибут size. Также стоить учесть, что некоторыми веб-браузерами этот тег не поддерживается.

А тег <font> предназначен для изменения характеристик текста в каком-то определенном месте документа. Например, мы можем указать цвет шрифта или размер для определенной части текста внутри общей массы текста, чтобы выделить нужную часть. HTML-тег <font>

также может быть применен при использовании типа документа: Transitional или Frameset.

Пример использования тега <font>:

Какой-то текст

Следует помнить, что данное оформление должно назначаться с помощью таблиц стилей CSS. Например, чтобы назначит характеристики шрифта по умолчанию мы можем использовать селектор body:

body{
font:14px/17px Arial,sans-serif;
}

Все довольно просто. Не правда ли?

Но как же тогда назначить определенные характеристики для какой-либо части текста? В этом тоже нет ничего сложно. Для начала нам необходимо воспользоваться универсальным тегом <span> и назначить ему какой-нибудь класс:

Какой-то текст

А затем уже для выбранного класса мы можем прописать какие угодно стили:

.text{
font:18px/21px;
color:red;
}

В этом случае текст который находится внутри универсального тега <span> с классом text будет увеличен и покрашен в красный цвет.

HTML-тег <center>.

О теге <center> мы могли уже слышать ранее, так как он при написании кода довольно часто может быть использован. Но при этом он является устаревшим тегом, если мы используем строгий

<!DOCTYPE>, и документ с таким тегом не пройдет валидацию, о которой мы кстати скоро поговорим. Конечно же стоит отметить что в других вариантах спецификации: Transitional и Frameset, мы можем использовать этот тег.

Тег <center> предназначен для выравнивания текста, который находится внутри открывающего и закрывающего тега <center>, по центру. Пример использования:

Какой-то текст 

Но как выровнять текст по центру и при этом пройти валидацию используя строгий <!DOCTYPE>? Все очень просто. Для этого достаточно использовать свойство text-align со значением center к необходимому селектору. Например:

p{
text-align: center;
}

В этом случае весь текст который находится внутри тегов абзаца будет выравниваться по центру страницы.

Теги <dir> и <menu>.

Оба тега предназначены для одного и того же: для создания списков по типу <ul>. Единственное отличие между ними в том, что тег

<dir> создает список директорий, а тег <menu> создает список пунктов меню. Что касается их использования, то при использовании Transitional или Frameset мы можем их использовать, но при этом внутри этих тегов должны присутствовать отдельные элементы списка: <li>. Однако эти элементы не имеют особого смысла в их использовании. Вместо них мы можем спокойно использовать теги <ul>. При этом мы получим тот же результат и это не будет являться ошибкой, будь-то меню или список папок, не важно.

Тег <isindex>.

Тег <isindex> предназначен для поискового индекса в текущем документе. Однако мало того что он считается устаревшим в строгом типе документа, так он еще и плохо поддерживается браузерами, а некоторыми и вовсе не поддерживается. Поэтому не вижу смысла продолжать обсуждение этого тега.

Теги <s> и <strike>.

У тегов <s> и <strike> абсолютно одинаковая цель, это отображение текста, как перечеркнутый. Оба тега не имеют предназначения донести до браузера или поисковой системы, что-то о перечеркнутых словах или предложениях. Они относятся больше к визуальному оформлению, чтобы посетитель видел, что текст перечеркнут. Но как я упоминал выше, на данный момент любое визуальное оформления HTML-документа правильнее указывать с помощью таблиц стилей CSS.

Кстати, по ходу курса мы уже говорили о перечеркнутом тексте. Но в том случае мы использовали теги, которые не являются устаревшими, и они несли какую-то дополнительную информация для веб-браузеров и поисковых систем.

Возвращаясь к тегам <s> и <strike>, если мы не используем строгий тип документа, мы можем использовать эти теги. В случаях когда типами документов выбран один из вариантов: Transitional или Frameset.

Что касается использования тегов, то оба элемента являются парными и строчными, а значит должны быть внутри блочных. Рассмотрим пример с использованием HTML-тега <s>:

перечеркнутый текст

Точно также мы можем использовать и тег <strike>. Несмотря на поддержку некоторыми <!DOCTYPE> этих элементов, стоит проверять их поддержку различными браузерами.

HTML-тег <u>.

Еще один тег, предназначенный для форматирования текста. Данный тег добавляет подчеркивание тексту, который находится внутри тегов. Опять же элемент <u> сможет пройти валидацию, с использованием таких <!DOCTYPE> как: Transitional и Frameset.

Пример использования тега <u> ничем особым не отличается от применения тегов <s> и <strike>:

Подчеркнутый текст

HTML-теги <frame> и <frameset>.

Эти два тега обладают одной особенностью. Мы можем их использовать только при использовании <!DOCTYPE> типа Frameset. Это следует учитывать. Иначе документ, который будет использовать другой тип документа не пройдет валидацию с применением тегов <frame> и <frameset>.

HTML-тег <frame>, предназначен для указания отдельных свойств фреймов, на которые будет разделено окно веб-браузера. Также стоит помнить, что этот элемент не может быть использован без тега <frameset>, и должен располагаться внутри его. Фреймы имеют довольно большое количество минусов, поэтому я не буду особо рассказывать, как и где их можно использовать, тем более в нашем случае они являются устаревшими элементами. Единственное, что я могу представить, это небольшой список атрибутов, которые могут быть переданы отдельному фрейму.

bordercolor, предназначен для определения цвета границы фрейма.
frameborder, нужен для вывода рамки вокруг фрейма. Иначе говоря, этим атрибутом мы сможем определить будет ли отображена граница фрейма или нет.
name, для указания уникального имени фрейма. рекомендуется применять, хотя обязательных атрибутов у данных элементов и нет.
noresize, предназначен для определения возможности изменения размеров окна фрейма самим пользователем.
scrolling, может пригодиться для определения способа отображения полосы прокрутки внутри окна фрейма.
src, предназначен для указания пути к файлу, который должен быть загружен внутри фрейма, если таковой имеется.

Что касается примера использования, то все довольно просто. Внутри тега <frameset> прописываем тег, который, кстати, одиночный, и указываем необходимые параметры для него, о которых мы поговорили выше. Я для примера укажу только имя, думаю этого будет достаточно:

HTML-тег <frameset>, определяет структуру фреймов на странице. Если говорить другими словами, то все тело страницы будет определенно под использование фреймов. И самое главное, что следует помнить тег <frameset> заменяет тег <body>. То есть вместе эти элементы не могут быть использованы.

Он также имеет некоторые атрибуты:

border, определяет толщину границы между фреймами.
bordercolor, определяет цвет границы между фреймами.
cols, определяет ширину фреймов в виде колонок.
rows, определяет высоту в виде строк.
frameborder, определяет будет ли отображена рамка вокруг фреймов или нет.
framespacing, как и border, задает толщину границы рамки.

Что касается примера применения, то здесь все также просто. Указываем тег <frameset> и добавляем необходимые атрибуты:

HTML-теги <iframe> и <noframes>.

HTML-тег <iframe> является довольно популярным в HTML, хотя и не является валидным, при использованием строгого <!DOCTYPE> в документе в версии HTML 4.01. Может применяться при использовании других типов документа: Transitional и Frameset. При этом, в отличие от тега <frame> он может быть использован не только внутри <frameset>, но и внутри тега <body>. Предназначен для создания плавающего фрейма, в который с помощью указания размеров мы можем загрузить любые другие документы.

Популярен он не только из-за его возможности встраивания в обычный документ, но и из-за гибкости настроек. Атрибутов у тега <iframe> довольно много, что позволяет настроить его отображение так как нам необходимо:

align, определяет выравнивание от края а также метод обтекания текстом.
allowtransparency, устанавливает прозрачный фон фрейма.
frameborder, определяет будет ли видна граница фрейма или нет.
height, устанавливает высоту.
hspace, определяет горизонтальный отступ от остального контента на странице.
marginheight, отступ сверху и снизу от содержания до границы фрейма.
marginwidth, отступ слева и справа от содержания до границы фрейма.
name, определяет уникальное имя фрейма.
sandbox, позволяет установить ограничения на контент загружаемый внутри фрейма.
scrolling, может пригодиться для определения способа отображения полосы прокрутки внутри окна фрейма.
seamless, определяет отображения фрейма как часть документа, а не отдельного плавающего окна.
src, указывает путь к документу, который будет загружен внутри фрейма.
srcdoc, хранит содержимое подгружаемого документа непосредственно в значении атрибута.
vspace, определяет вертикальный отступ от остального контента на странице.
width, определяет ширину окна фрейма.

Как мы могли заметить у тега <iframe> довольно много различных атрибутов. Кроме уже перечисленных мы можем применять универсальные атрибуты и HTML-события.

Ну а теперь небольшой примерчик с применением некоторых основных атрибутов. Еще хотелось бы отметить, что тег является парным, и блочным элементом:

HTML-тег <noframes> предназначен для вывода информации для пользователя, у которого браузер не поддерживает фреймы. Этот тег также является устаревшим в нашем случае. Однако мы можем его применять при использовании таких <!DOCTYPE> как: Transitional и Frameset. И, кстати, по типу работы и предназначению очень похож на тег <noscript>, о котором мы не так давно говорили.

Пример использования <noframes> очень прост:

Ваш веб-браузер не поддерживает фреймы.

Теперь можно сказать, что мы изучили все HTML-теги, которые можно применять используя для написания HTML версии 4.01. Осталось только раскрыть еще пару тем и весь видео курс по HTML можно будет считать завершенным.

Что касается сегодняшней темы, то тема устаревших тегов получилось довольно подробной, надеюсь это поможет Вам разобраться, когда и какие HTML-элементы можно использовать, а когда нет. Главное всегда помнить, на чем это основано. Конечно же, на <!DOCTYPE>. Все очень сильно зависит от типа документа, который мы выбираем в самом начале создания страницы.

Видео урок: Устаревшие теги в HTML 4.01.

HTML-справочник и другие материалы можно и нужно скачать здесь!

В следующем видео уроке мы поговорим о спецсимволах в HTML.

Устаревшие теги в HTML 5

Опубликовано: 18.12.2014 15:52

Просмотров: 3900

В этой статье мы рассмотрим теги HTML, которые уже устарели и в скором времени будут удалены из употребления. Нужно знать такие теги и стараться не использовать их на своих сайтах. Итак, поехали

В новой версии языка HTML, вышедшей в свет 28 октября 2014 года и получивший название HTML 5 стал официальной рекомендацией W3C. В процессе развития данного языка появлялись новые элементы, атрибуты и новые особенности. Многие вещи были переработаны, а некоторые и вовсе вышли из стандарта. Сегодня мы рассмотрим устаревшие теги языка HTML.

Тег hgroup

Данный элемент использовался для группировки нескольких элементов заголовков (h). При помощи данного тега можно создать подзаголовки для составления схемы документа. Пример использования тега hgroup:

<article>
   <hgroup>
      <h2>Устаревшие теги языка HTML</h2>
      <h3>Иногда спецификация языка заставляет менять код</h3>
   </hgroup>
   <p>Рассмотрим тему устаревших тегов подробнее...</p>
</article>

Спецификация говорит о том, что тег <hgroup> нужно заменить на:

<article>
   <h2>
       Устаревшие теги языка HTML
       <span>Иногда спецификация языка заставляет менять код</span>
   </h2>
   <p>Рассмотрим тему устаревших тегов подробнее...</p>
</article>

 Атрибут pubdate

Данный атрибут используется в теге time для вывода логического значения о дате публикации статьи. Атрибут pubdate говорит о том, что родительский элемент был опубликован в указанную дату. Смотрим пример:

<article>
  <h2>Заголовок статьи</h2>
  <p>Тут содержится какой-то текст</p>
  <footer>
    <p>Было опубликовано в <time datetime="2014-12-21" pubdate>21 декабря 2014 года</time></p>
  </footer>
</article>

Без атрибута pubdate данный код будет выглядеть так:

<article itemscope itemType="http://schema.org/BlogPosting">
  <h2 itemprop="headline">Заголовок статьи</h2>
  <p itemprop="articleBody">Тут содержится какой-то текст</p>
  <footer>
    <p>Было опубликовано в <time datetime="2014-10-25" itemprop="datePublished">21 декабря 2014 года</time></p>
  </footer>
</article>

 Атрибут scoped

 Этот атрибут используется в атрибуте style. Scoped используется для того, чтобы можно было взять код html и перенести его в другой документ, например, при помощи JavaScript.

1

2

3

4

5

6

7

8

9

10

11

12

13

<article>
  <h2>Заголовок моей статьи</h2>
  <p>Текст...</p>
  <section>
    <style scoped>
      p {
         font-size: 14px;
      }
    </style>
    <h3>Заголовок второго уровня</h3>
    <p>Параграф 14-го размера</p>
  </section>
</article>

Данный атрибут не поддерживается в браузере GoogleChrome, но в Firefox он работает стабильно

Элемент command

Это служебный элемент, который использовался для предоставления пользователю выполнения команды. Сейчас этот тего полностью устарел. Рассмотрим пример использования этого тега:

<command type="command" label="Load file" icon="icons/load.jpg" onclick="load()">

Элемент center

Этот элемент позволяет горизонтально центрировать все дочерние элементы. Тег center устарел еще в стандарте HTML 4.0/ Смотрим пример:

<html> 
  <head> 
    <title>Смотрим как используется тег CENTER</title> 
  </head>
  <body> 
    <center> 
      <p>В траве сидел кузнечик, совсем как огуречик :) ...</p> 
    </center> 
  </body> 
</html>

Заменить такой код можно при помощи css:

<html> 
  <head> 
    <title>Смотрим как используется стиль "align-center"</title> 
  </head>
  <body style="text-align:center;"> 
    <p>В траве сидел кузнечик, совсем как огуречик :) ...</p> 
  </body> 
</html>

Мы рассмотрели пятерку устаревших тегов HTML в версии языка 5.0. Хоть эти теги и устаревшие, они все равно поддерживаются браузерами. Но эксперты все же рекомендуют постепенно заменять эти тега на альтернативные. Читайте в статье HTML 2014 - новые плюхи в старой обёртке новинки нотации HTML 5.0

Если статья была для Вас полезной - Поделитесь ссылкой!

Советуем почитать

Закрепленные

Понравившиеся

HTML - устаревшие теги - CoderLessons.com

Полный список устаревших тегов и атрибутов HTML приведен здесь. Все теги были упорядочены в алфавитном порядке вместе с их эквивалентным тегом или альтернативной опцией CSS.

Тег Описание чередовать
<апплета> Устаревшее. Определяет апплет <Объект>
<BASEFONT> Устаревшее. Определяет базовый шрифт
<центр> Устаревшее. Определяет центрированный текст выравнивания текста
<каталог> Устаревшее. Определяет список каталогов
<EMBED> Устаревшее. Встраивает приложение в документ <Объект>
<FONT> Устаревшее. Определяет шрифт, размер и цвет текста семейство шрифтов, размер шрифта
<ISINDEX> Устаревшее. Определяет однострочное поле ввода
<Список> Устаревшее. Определяет список предметов <Предварительно>
<Меню> Устаревшее. Определяет список меню
< исходный текст> Устаревшее. Определяет открытый текст <Предварительно>
<s> Устаревшее. Определяет зачеркнутый текст текст-отделка
<удар> Устаревшее. Определяет зачеркнутый текст текст-отделка
<и> Устаревшее. Определяет подчеркнутый текст текст-отделка
<XMP> Устаревшее. Определяет предварительно отформатированный текст <Предварительно>

HTML устаревшие атрибуты

Ниже приведен список устаревших атрибутов HTML и альтернативных доступных вариантов CSS.

Устаревшие HTML теги в редакторе Blogger

Blogger – одна из динамически развивающихся блог-платформ. Однако разработчики не всегда успевают внедрять решения, которые бы соответствовали новым стандартам.

В данной статье речь пойдет об устаревших HTML  тегах (Deprecated HTML).

Устаревший HTML  тег – это тег, который не поддерживается или не будет поддерживаться в следующей версии спецификации HTML. Это означает, что в какой то момент эти теги перестанут работать в более современных браузерах.

 Согласно пункта A.1.2 Спецификации HTML 4, следующие элементы являются устаревшими: APPLET, BASEFONT, CENTER, DIR, FONT, ISINDEX, MENU, S, STRIKE, и U.

В параграфе А.2 этого же документа сказано:

Почти все атрибуты, определяющие представление (оформление) HTML документа (например, цвета, выравнивание, шрифты, графику и т.д.) являются устаревшими в пользу таблиц стилей.

Давайте заглянем в редактор сообщений Blogger.


Большинство кнопок, отвечающих за оформление контента, при их нажатии используют устаревшие HTML  теги. Однако теги <b>, <i> важны для SEO. По этому, заменять эти теги стилями CSS или нет, решайте сами.

Спецификация   HTML 4 нам настоятельно рекомендует вместо Deprecated HTML использовать CSS.

Предлагаем вам использовать следующие стили вместо отдельных HTML тегов.

Тег  <b> используется для того, что бы часть выделенного текста стала жирной. Предлагаем вам использовать font-weight свойство CSS:

/*Замена b */
.bold { font-weight: bold; }

На практике используется следующим образом. В созданном сообщении переключаетесь в HTML режим и выделяете нужный фрагмент текста тегами <span class=”bold”>тут форматируемый текст</span>.

Тоже самое касается и тега  <i>, который превращает выделенный текст в курсив. Используйте вместо этого тега такое свойство CSS:

/*Замена i */
 .italic { font-style: italic; }

Пример использования:

<span>тут форматируемый текст</span>.

Тег  <strike> превращает выделенный фрагмент текста в зачеркнутый. Предлагаем такой вариант замены этого тега свойством CSS:

/*Замена strike */
 .strike { text-decoration: line-through; }

За подчеркивание текста отвечает тег <u>. Как вы помните, в Спецификации прямо указано, что он устаревший. Предлагаем такой вариант замены:

/*Замена u */
.under { text-decoration: underline; }

Тег <quote>, <blockquote> - цитата, тоже можно заменить набором свойств определенных стилей:

/*Замена цитаты */
.indentall{background: url("http://3.bp.blogspot.com/-zU2KWh3M2Jo/TzFjeAO3ngI/AAAAAAAAB3w/OCsHmPffluQ/s1600/bt4u-blockquote.png") no-repeat scroll left top transparent;
color: #999999;
display: block;
font-style: italic;
margin: 20px;
padding: 0 30px;}

Отредактируйте этот набор свойств таким образом, что бы оформление цитаты соответствовало дизайну вашего блога.

Пример использования:

<p>Текст вашей цитаты</p>

Для выравнивания контента по левую сторону, по центру или по правую сторону используйте следующие правила:

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

Необходимые вам правила CSS нужно добавить в код шаблона перед закрывающим тегом ]]></b:skin>

Устаревшие атрибуты HTML5 » Энциклопедия HTML5

Какие атрибуты в HTML5, являются устаревшими?

Движение концепции HTML5 заключается в том, чтобы код HTML-документа состоял лишь из "пустых" тегов, чтобы было как можно меньше атрибутов, а атрибуты форматирования вообще полностью отсутствовали.

В спецификации HTML5, у различных тегов устарели следующие атрибуты:

У тега <a> устарели атрибуты charset=" ", coords=" ", shape=" ", methods=" ", name=" ",
rev=" " и urn=" ". Вместо атрибута name=" ", у якорей, нужно использовать атрибут id=" ".

У тега <area /> устарел атрибут nohref=" ".

У тега <body> устарели атрибуты alink=" ", bgcolor=" ", link=" ", marginbottom=" ", marginheight=" ", marginleft=" ", marginright=" ", margintop=" ", marginwidth=" ", text=" " и vlink=" ".

У тега <br /> устарел атрибут clear=" ".

У тега <embed /> устарел атрибут name=" ".

У тега <head> устарел атрибут profile=" ".

У тега <html> устарел атрибут version=" ".

У тега <iframe> устарел атрибут longdesc=" ".

У тега <img /> устарели атрибуты border=" ", longdesc=" ", lowsrc=" " и name=" ".

У тега <input /> устарел атрибут usemap=" ".

У тега <link /> устарели атрибуты charset=" ", methods=" ", rev=" ", target=" ", type=" " и urn=" ".

У тега <meta /> устарел атрибут scheme=" ".

У тега <option> устарел атрибут name=" ".

У тега <object> устарели атрибуты archive=" ", classid=" ", code=" ", codebase=" ", codetype=" ", declare=" " и standby=" ".

У тега <param /> устарели атрибуты type=" " и valuetype=" ".

У тега <script> устарели атрибуты event=" ", for=" ", language=" " и type=" ".

У тега <style> устарел атрибут type=" ".

У тега <table> устарели атрибуты datapagesize=" " и summary=" ".

У тегов <td> и <th> устарели атрибуты abbr=" " и axis=" ".

В принципе к устаревшим атрибутам HTML5, можно отнести любой который можно заменить CSS-свойством. Например атрибут cellpadding=" " можно заменить CSS-свойством padding: ;, атрибут cellspacing=" " можно заменить CSS-свойством margin: ;, атрибут align=" " можно заменить CSS-свойством text-align: ; и т.д.

Для всех тегов, устарел атрибут datasrc=" ".

Читать далее: Глобальные атрибуты HTML5

Устаревшие теги в html5 - CodeRoad

Я использую использование html5 для создания веб-страницы. Я могу использовать теги html5. Я хочу знать, могу ли я использовать теги html, которые устарели в html5, как <u> tag.

html html5 xhtml

Поделиться Источник Pathetic Learner     10 февраля 2012 в 13:07

5 Ответов



2

Метки <acronym> , <applet> , <basefont> , <big> , <center> , <dir> , <font> , <frame> , <frameset> , <noframes> , <isindex> , <strike> , <tt> больше не используются в HTML5 . Они не являются устаревшими, но вам лучше не использовать их ( источник ).

Вы также можете проверить отсутствующие атрибуты: http://www.w3.org/TR/html5-diff / #absent-attributes .

Поделиться entropid     10 февраля 2012 в 13:15



1

Некоторые элементы, которые устарели в HTML 4.x / XHTML 1.x допустимы в HTML 5, некоторые из них устарели ; вам нужно будет проверить их на основе case-by-case (заметив, что HTML 5 все еще является черновиком и, следовательно, движущейся целью).

<ul> никогда не был осужден.

Поделиться Quentin     10 февраля 2012 в 13:12



0

<ul> не является устаревшим, вы можете найти некоторые списки устаревших элементов и их замен, как этот, просто попробуйте погуглить немного больше 🙂

Поделиться Gatekeeper     10 февраля 2012 в 13:15



0

Тег <ul> не будет удален. вы можете увидеть все изменения здесь, а также теги, которые будут отброшены сюда . Ничего не будет "deprecated" (см. здесь), так как :

Поскольку HTML5 имеет отдельные требования соответствия для авторов и агентов пользователей, отпадает необходимость в маркировке объектов "deprecated".

так что продолжайте использовать свой <ul> ! (Если у вас действительно есть несортированный список... если нет, используйте тот элемент, который больше всего подходит для работы)

Поделиться ramsesoriginal     10 февраля 2012 в 13:15



0

Да, вы можете использовать тег <u> в html 5, Даже если он устарел. Однако рекомендуется использовать CSS для достижения того же эффекта.

<!DOCTYPE html>
<html>
    <head>      
        <title>Can we use deprecated html 4 elements in html 5?</title>
    </head>
    <body>
        This is a <u>test</u>.
    </body>
</html>

Для его проверки можно использовать валидатор W3C.

enter image description here

Поделиться techlead     15 марта 2012 в 16:31



Удалить устаревшие теги SVN

Как лучше всего удалить старые, устаревшие теги в svn? Есть ли какая-то причина держать их рядом, так как я должен быть в состоянии извлечь их из истории svn в случае необходимости?


Устаревшие теги и атрибуты?

При посещении старого сайта часто можно найти устаревшие теги и атрибуты. Тем не менее, поскольку они устарели и не устарели, они все еще действительны и поддерживаются. Программист 'good' стремится...


Зачем использовать теги HTML5?

Возможный Дубликат : Являются ли новые элементы HTML5, такие как <section> и <article>, бессмысленными? Я решил, наконец, сделать шаг к разработке веб-сайтов в HTML5. У меня есть один...


html5 теги совместимость С.jsp файл

При написании А.Файл jsp, могу ли я включить в него все теги html5 для ex (аудио, видео и т. д.)? Поддерживает ли structs и springs теги html5 при интеграции с jsp?


Почему браузеры анализируют пользовательские теги в HTML5?

Возможный Дубликат : Это OK использовать неизвестные HTML теги? Я протестировал пользовательский тег <oles-tag> ... </oles-tag> в Chrome и IE9. Я использую HTML5 doctype <!DOCTYPE...


html5 теги не работают в PhoneGap-android

Я пытаюсь использовать тег html5 slider в своем приложении phonegap. Но ползунок не отображается на эмуляторе Android. Я использую phonegap.0.9.4, android 2.2. Может ли кто-нибудь сказать мне, как...


Как использовать Html5 теги, например email с struts2

Я использую struts2 для представления слоя, теперь есть требование использовать html5 теги, например email, tel и т.д., но похоже, что struts2 не поддерживает теги html5 . Есть ли способ достичь...


Должен ли я кодировать свой сайт в HTML5 в 2013 году?

Я начал изучать и исследовать HTML5, я только когда-либо изучал HTML classic около 6 лет назад, и я никогда не получал достаточно далеко с ним. Я хочу создать сайт и опубликовать его на WWW. Должен...


Как использовать теги HTML5 в Гранях ADF

Я ищу красивый и простой способ использовать теги HTML5 внутри моего приложения Adf Faces. Я использую ADF 12c, и он должен поддерживать HTML5 и CSS3. До сих пор я получаю это <f:facet...


Допустимы ли (не пустые) самозакрывающиеся теги в HTML5?

Валидатор W3C не любит самозакрывающиеся теги (те, которые заканчиваются на /> ) на непустых элементах . (Пустые элементы-это те, которые никогда не могут содержать никакого содержимого.) Они...


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *