Максим Покровский

— Привет, меня зовут Максим Покровский. Вы находитесь в моем рабочем кабинете. Поскольку я фрилансер, будем считать, что именно так он и выглядит. Здесь я пишу много интересных вещей, и если вы почувствовали, что я именно тот человек, который вам нужен, то я всегда открыт для контакта.

Сейчас работаю над:


  • Разработка одного стартапа

    Текущий статус - разработка дизайн.

  • Много всего для popsop.com

Заказать мне работу
31.07

Пара тегов которые не должны встречаться в хорошем коде

Комментарии (7) HTML

Встречая на своем пути более-менее приличный дизайн, я, так или иначе, открываю код и порой встречаю, древние как мамонты (о существовании некоторых я и вовсе не подозревал) элементы, и когда проходит первое изумление при встрече с воплощенным ископаемым, приходит недоумение. Нафига? список того, что я собрал:

Аплеты Java: элемент APPLET (бывает)

Синтаксис: (блочный элемент)
Описание: Элемент APPLET описывает аплет на языке Java. Его содержимым являются один или несколько элементов PARAM, за которыми следуют блочные и/или текстовые элементы, которые отображаются, если указанный аплет не удается запустить.
Замена: на элемент OBJECT, который имеет все атрибуты данного элемента, но является более общим. Например:

<applet code="Animate.class" width="100" height="100">
  <param name="img1" VALUE="/images/1.jpg">
  </param><param name="img2" VALUE="/images/2.jpg">
  <img src="animation.gif" alt="" width="100" height="100"/>
</param></applet>

следует заменить на

<object classid="java:Animate.class" codetype="application/java"
  width="100" height="100">

  <param name="img1" VALUE="/images/1.jpg">
  </param><param name="img2" VALUE="/images/2.jpg">
  <img src="animation.gif" alt="" width="100" height="100"/>
</param></object>

Базовый шрифт: элемент BASEFONT (редко)

Синтаксис:

(конечного тега и содержимого нет)
Описание: Элемент BASEFONT изменяет параметры базового шрифта, т. е. влияет на внешний вид всех последующих за ним элементов, кроме заголовков. Обязательным атрибутом является size, который может принимать значения от 1 до 7 (по умолчанию он равен 3).
Замена: CSS

Горизонтальное центрирование: элемент CENTER (часто)

Синтаксис:

...

(блочный элемент)
Описание: Элемент CENTER определяет блок, содержимое которого центрируется обозревателями по горизонтали.
Замена:

...

Каталожный список: элемент DIR (редко)

Синтаксис:

(блочный элемент)
Описание: Элемент DIR (directory list) определяет каталожный список, состоящий из элементов списка LI.
Замена: меняем на элемент UL.

Задание шрифта: элемент FONT (оч.часто)

Синтаксис: (блочный элемент)
Описание: Элемент FONT задает параметры шрифта для отображения своего содержимого. Пиханием данного тега в каждую дырку обычно грешит известный редактор WORD
Замена: CSS

Ввод строки текста: элемент ISINDEX (редко)

Синтаксис: (конечного тега и содержимого нет)
Описание: Элемент ISINDEX определяет ввод одной строки текста.
Замена: на INPUT, например:

<isindex prompt="Введите искомый текст:">
</isindex>

следует заменить на

<form action="URI документа, содержащего ISINDEX" method="get">
  <label>Введите искомый текст:</label><input type="text"/>
</form>

Список меню: элемент MENU (редко)

Синтаксис:

...

(блочный элемент)
Описание: Элемент MENU (menu list) определяет список меню, состоящий из элементов списка LI.
Замена: на элемент UL.

Перечеркнутый текст: элементы S и STRIKE (бывает)

Синтаксис:

...

(текстовый элемент) /

...

(текстовый элемент)
Описание: Элементы S и STRIKE являются синонимами и указывают, что содержащийся в них текст должен быть перечеркнут при отображении.
Замена: на эквивалентную конструкцию

...

Подчеркнутый текст: элемент U (редко)

Синтаксис: (текстовый элемент)
Описание: Элемент U указывает, что содержащийся в нем текст должен быть подчеркнут при отображении.
Замена: на эквивалентную конструкцию:

Нестандартные элементы

А это элементы, которые не входят в стандарт HTML, но поддерживаются основными обозревателями, а потому встречаются на многих Веб-страницах.

Вложенные объекты: элемент EMBED (часто)

Синтаксис: (блочный элемент, конечного тега и содержимого нет)
Описание: Элемент EMBED (embedded) описывает вложенный объект. Первоначально он был введен для загрузки аудиофайлов, а затем был расширен на любые файлы нестандартных типов.
Замена: на более общий элемент OBJECT, атрибуты которого зависят от типа загружаемого объекта.

Текст без разрывов строк: элемент NOBR (часто)

Синтаксис: (текстовый элемент)
Описание: Элемент NOBR (no break) указывает, что содержащийся в нем текст должен отображаться без разрывов строк.
Замена: на свойство стилей white-space: nowrap, но это не всегда прокатывает :(

Мягкий разрыв строки: элемент WBR (редко)

Синтаксис: (конечного тега и содержимого нет)
Описание: WBR (word break) употребляется только внутри элемента NOBR или тега со стилем white-space и указывает, что в этом месте возможен разрыв строки. Весьма полезная штука к тому же… (читай ниже)
Замена: Нет.

Метки:, ,

Комментарии

  1. 1
    Fearus (16.08.2007) #

    Назрел вопрос: каким образом можно прикрепить флэшку, помимо тега

    embed

    ?

  2. 2
    le`Mur (16.08.2007) #

    Это валидно и глаз радует.

  3. 3
    Fearus (16.08.2007) #

    Красивое решение, проверю в действии, спс.

  4. 4
    Кино-геймер (21.08.2007) #

    очень интересно, а вот на подопечном сайте в коде :

    embed внутри object - это не корректно? Но работает

  5. 5
    le`Mur (21.08.2007) #

    2Кино-геймер
    Тэг EMBED нужен для NN 2.0+, а также для всех броузеров, использующих NN-совместимую версию плагина Flash Player, а OBJECT в любом броузере, поддерживающем использование компонента Flash ActiveX. Так что embed не корректен, да и не нужен.

  6. 6
    BOLK (07.11.2007) #

    WBR можно заменить на shy (не работает в FireFox) или zero-weight space.

  7. 7
    Настя Манно (17.03.2008) #

    Не поняла про замену тэга strike. На что же заменить то? Примера не видно, только результат.

Оставить комментарий

Вы можете использовать простые теги форматирования HTML (вроде <a>, <ul> and others). Чтобы вставить пример код, используйте
<code lang="php">$a = "hello";</code> (поддерживаемые языки: ruby, php, yaml, html, css, csharp, javascript). Также Вы можете использовать <code>$a = "hello";</code>, синтаксис не будет подсвечен. Если вы не хотите использовать тег <code>, замените символ < на &lt;



— XP была бы отличной ОС,если бы с ней не поставлялся браузер.
Максим Покровский

Rambler's Top100