Меню

Ошибка font элемент устарел вместо этого используйте css

I am just curious really and hope that someone can reveal the method in the madness of the W3C.
What is the reason for not supporting this element in the latest HTML5 standard?
I know the element was deprecated in HTML 4.01, but I don’t understand why.

It seemed perfectly logical to me, you have a a paragraph of text and just wish to change the font, or to identify, lines or words from it using the font element, now the only way to do the job is with the span element.
It seems strange to me that there are so many ways to create a block of text, using div, section, or just paragraph, but to wrap a few keywords or any inline content, there is only the span element.

And really, one little element can’t do any harm, so why not still support it?

Thank you,

Luke

John's user avatar

John

12.3k12 gold badges93 silver badges161 bronze badges

asked Sep 25, 2013 at 9:17

Luke T O'Brien's user avatar

Luke T O’BrienLuke T O’Brien

2,4753 gold badges25 silver badges36 bronze badges

5

In short:

HTML is a markup language. Use it to mark up the different sections of your content using the most semantically accurate element.

CSS is used for styling purposes, such as changing colors, sizes, fonts, etc.

The <font> element was used for styling, not marking up a section of your content. That’s why it’s deprecated, along with other out-of-place elements such as <center>.

John's user avatar

John

12.3k12 gold badges93 silver badges161 bronze badges

answered Sep 25, 2013 at 9:34

Nils Kaspersson's user avatar

Nils KasperssonNils Kaspersson

8,3963 gold badges26 silver badges29 bronze badges

14

HTML tags describe their contents. To mark up your HTML you should use CSS. In such way you can create different skins for the same information. Since the font tag serves purely visual purpose, it has no place in HTML; it does not describe the contents.

With describing contents I mean: «This is paragraph of text / this is a time / this is a link to another page / this is the title of this article / this is a list of related terms / this is a table containing test results» etc.

Read up on semantic HTML, it will hopefully make things more clear for you.

answered Sep 25, 2013 at 9:22

Marijke Luttekes's user avatar

Marijke LuttekesMarijke Luttekes

1,2341 gold badge12 silver badges27 bronze badges

2

There are lots of ways to wrap inline content, but only one of them has no semantics associated with it (span). Of the list of block wrappers you gave, only div has no semantics associated with it.

The old font element has no semantics associated with it, so it contributes as much as span and can be replaced by span.

The idea is that you pick the element that describes why the text looks different (<em>, <cite>, <dfn>, etc) and then apply CSS to make it look the way you want.

And really, one little tag can’t do any harm, so why not still support it?

It is supported, the rendering rules describe how browsers should handle the font element. This is for backwards compatibility. Authors are just forbidden from using it (since it does no good).

answered Sep 25, 2013 at 9:28

Quentin's user avatar

QuentinQuentin

891k122 gold badges1190 silver badges1309 bronze badges

I am just curious really and hope that someone can reveal the method in the madness of the W3C.
What is the reason for not supporting this element in the latest HTML5 standard?
I know the element was deprecated in HTML 4.01, but I don’t understand why.

It seemed perfectly logical to me, you have a a paragraph of text and just wish to change the font, or to identify, lines or words from it using the font element, now the only way to do the job is with the span element.
It seems strange to me that there are so many ways to create a block of text, using div, section, or just paragraph, but to wrap a few keywords or any inline content, there is only the span element.

And really, one little element can’t do any harm, so why not still support it?

Thank you,

Luke

John's user avatar

John

12.3k12 gold badges93 silver badges161 bronze badges

asked Sep 25, 2013 at 9:17

Luke T O'Brien's user avatar

Luke T O’BrienLuke T O’Brien

2,4753 gold badges25 silver badges36 bronze badges

5

In short:

HTML is a markup language. Use it to mark up the different sections of your content using the most semantically accurate element.

CSS is used for styling purposes, such as changing colors, sizes, fonts, etc.

The <font> element was used for styling, not marking up a section of your content. That’s why it’s deprecated, along with other out-of-place elements such as <center>.

John's user avatar

John

12.3k12 gold badges93 silver badges161 bronze badges

answered Sep 25, 2013 at 9:34

Nils Kaspersson's user avatar

Nils KasperssonNils Kaspersson

8,3963 gold badges26 silver badges29 bronze badges

14

HTML tags describe their contents. To mark up your HTML you should use CSS. In such way you can create different skins for the same information. Since the font tag serves purely visual purpose, it has no place in HTML; it does not describe the contents.

With describing contents I mean: «This is paragraph of text / this is a time / this is a link to another page / this is the title of this article / this is a list of related terms / this is a table containing test results» etc.

Read up on semantic HTML, it will hopefully make things more clear for you.

answered Sep 25, 2013 at 9:22

Marijke Luttekes's user avatar

Marijke LuttekesMarijke Luttekes

1,2341 gold badge12 silver badges27 bronze badges

2

There are lots of ways to wrap inline content, but only one of them has no semantics associated with it (span). Of the list of block wrappers you gave, only div has no semantics associated with it.

The old font element has no semantics associated with it, so it contributes as much as span and can be replaced by span.

The idea is that you pick the element that describes why the text looks different (<em>, <cite>, <dfn>, etc) and then apply CSS to make it look the way you want.

And really, one little tag can’t do any harm, so why not still support it?

It is supported, the rendering rules describe how browsers should handle the font element. This is for backwards compatibility. Authors are just forbidden from using it (since it does no good).

answered Sep 25, 2013 at 9:28

Quentin's user avatar

QuentinQuentin

891k122 gold badges1190 silver badges1309 bronze badges

0 / 0 / 0

Регистрация: 22.03.2016

Сообщений: 3

1

22.03.2016, 12:22. Показов 2803. Ответов 4


Добрый день,не могли бы подсказать как исправить ошибку в коде.уже много всего прочитал но так и не получается.
Валидатор ругается
Error: The font element is obsolete. Use CSS instead.
From line 153, column 10; to line 153, column 29
↩ <h3><font color=#ff7700>Обраще

выделяя font color

__________________
Помощь в написании контрольных, курсовых и дипломных работ, диссертаций здесь



0



413 / 378 / 220

Регистрация: 18.07.2014

Сообщений: 1,259

22.03.2016, 13:22

2

rybkid, не нужно много всего читать, нужно прочитать на что ругается валидатор
он вам пишет что тэг font устаревший
не используйте его
есть тэг span
цвет текста нужно задавать через css



0



0 / 0 / 0

Регистрация: 22.03.2016

Сообщений: 3

25.03.2016, 10:52

 [ТС]

3

просто не могу понять где то менять,сайт построен на какой то странной cms и в админке написано:
ВНИМАНИЕ! ТЕХНИЧЕСКИМ СПЕЦИАЛИСТАМ: НЕ ВНОСИТЕ ИЗМЕНЕНИЯ НАПРЯМУЮ В HTML-ФАЙЛЫ.
Изменения будут перезаписаны административной системой при правках вносимых из административной системы. Для внесения изменений пользуйтесь данной системой администрирования. При необходимости внесения изменений непосредственно в коды сайта, вносите их в файлы шаблонов, называющиеся как template_*.html, либо в файлы *.incl находящиеся внутри папки /blocks/.



0



413 / 378 / 220

Регистрация: 18.07.2014

Сообщений: 1,259

28.03.2016, 11:59

4

rybkid, попытайтесь выяснить, на какой именно цмс написан сайт
покажите скрин админки
можете выложить ссылку на него



0



0 / 0 / 0

Регистрация: 22.03.2016

Сообщений: 3

22.04.2016, 11:21

 [ТС]

5

Добрый день,вот скрин админки.

Миниатюры

Исправление ошибок в валидаторе - HTML, CSS
 



0



I have this html:

 <div class="a"><font size="40"><font 
color="black">A</font></font></div>

The thing is, I can’t make the font-size bigger. No matter what I do, it just stays at a certain size. If I increase 40 to 50, for example, it makes no difference.

I then tried:

.a {font-size: 50px;}

Nothing.

Page ref: https://adsler.co.uk/about-adsler/

asked May 7, 2019 at 13:36

7

The <font> tag is no longer supported and does not work in HTML5.
Remove it and set the style in the <style> tag in the <head> or in the linked stylesheet:

<style>
 .a {
    font-size: 40px;
    color: black;
 }
</style>

Alternatively, set the style directly on the element inline:

<div style="font-size: 40px; color: black">A</div>

answered May 7, 2019 at 13:46

S Roughton's user avatar

4

As of HTML5, the Font-tag is deprecated. Instead you should style all of your elements with css:

<div class="a"> A </div>

<style>
.a {
  font-size: 40px;
  color: black;
}
</style>

answered May 7, 2019 at 13:43

tomaswandahl's user avatar

1

You should use CSS style for div tag :-

    <div style="font-size:50px; color: black;">A</div>

answered May 7, 2019 at 13:44

91StarSky's user avatar

91StarSky91StarSky

4823 silver badges10 bronze badges

font tag supports «size» attribute to be a number between 1 to 7
you could use the custom css on font tag with «style» attribute like

<font style="font-size:40px;">A</font>

or you could remove the font tag and apply the style attribute to div tag

<div style="font-size:40px;">A</div>

answered May 7, 2019 at 13:51

Yatin Gaikwad's user avatar

Yatin GaikwadYatin Gaikwad

1,1101 gold badge12 silver badges22 bronze badges

I have this html:

 <div class="a"><font size="40"><font 
color="black">A</font></font></div>

The thing is, I can’t make the font-size bigger. No matter what I do, it just stays at a certain size. If I increase 40 to 50, for example, it makes no difference.

I then tried:

.a {font-size: 50px;}

Nothing.

Page ref: https://adsler.co.uk/about-adsler/

asked May 7, 2019 at 13:36

7

The <font> tag is no longer supported and does not work in HTML5.
Remove it and set the style in the <style> tag in the <head> or in the linked stylesheet:

<style>
 .a {
    font-size: 40px;
    color: black;
 }
</style>

Alternatively, set the style directly on the element inline:

<div style="font-size: 40px; color: black">A</div>

answered May 7, 2019 at 13:46

S Roughton's user avatar

4

As of HTML5, the Font-tag is deprecated. Instead you should style all of your elements with css:

<div class="a"> A </div>

<style>
.a {
  font-size: 40px;
  color: black;
}
</style>

answered May 7, 2019 at 13:43

tomaswandahl's user avatar

1

You should use CSS style for div tag :-

    <div style="font-size:50px; color: black;">A</div>

answered May 7, 2019 at 13:44

91StarSky's user avatar

91StarSky91StarSky

4823 silver badges10 bronze badges

font tag supports «size» attribute to be a number between 1 to 7
you could use the custom css on font tag with «style» attribute like

<font style="font-size:40px;">A</font>

or you could remove the font tag and apply the style attribute to div tag

<div style="font-size:40px;">A</div>

answered May 7, 2019 at 13:51

Yatin Gaikwad's user avatar

Yatin GaikwadYatin Gaikwad

1,1101 gold badge12 silver badges22 bronze badges

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. Браузеры ещё поддерживают устаревший код, но использовать его не советуем, т.к. в один прекрасный момент поддержка прекратится и вы получите проблему.

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии

А вот еще интересные материалы:

  • Яшка сломя голову остановился исправьте ошибки
  • Ясность цели позволяет целеустремленно добиваться намеченного исправьте ошибки
  • Ясность цели позволяет целеустремленно добиваться намеченного где ошибка
  • Ошибка folder is not accessible
  • Ошибка folder invalid при установке мода гта сан андреас