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

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

Сделал за последнее время:


  • Добавил в портфель около 48-и новых работ:

  • Сделал очень много всяких штук при работе над поддержкой сайтов.
    Как бы это теперь в портфель запихнуть?

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

Рубрики / Теги

Последние записи

RSS лента 500 читателей
31.07

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

Комментарии (12) 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></basefont>

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

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

Синтаксис:

<center>...</center>

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

<div style="text-align: center">...</div>

Каталожный список: элемент 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>

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

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

Синтаксис:

<s>...</s>

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

<strike>...</strike>

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

<span style="text-decoration: line-through">...</span>

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

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

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

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

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

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

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

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

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

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

Add to Bookmarks
Метки:, ,
Также интересно будет почитать про:
Быстрые клавиши для Wordpress
Когда я говорю, что пишу статью в wordpress, то я представляю себе окошечко с кодом, а не визуального форматирования. Я жутко не люблю всякие визуальные рющечки для постинга, наверное потому,...
Как получить доступ к DOM iframe через jQuery
Iframe Содержимое iframe Абракабабра jQuery $('#i').contents().find('#j').html(); ...
Размещать рекламу надо с умом
Есть три способа размещения банерной рекламы: Разработать баннер под дизайн площадки (сайт, где висит баннер) Это очень круто. Процесс сводится к использованию в баннере цветовой гаммы сайта, типографических элементов и отступов. Встречает...
Если в контенте много “жирного” текста
Порой дизайнеры создают вот такие штуки:Создавать для каждого типа “жирности” отдельный класс не кажется мне кошерным вариантом. Во-первых, не изящно. Во-вторых, тексты заносят в основном люди далекие от веба, и...
Заказ в смайлах
Заказчик — Дизайнер — , ой.. То есть вот -З: Здравствуйте, мне бы дизайн Д: З: Плачу 10000$ Д: З: Ой, то есть 10$ Д: З: Опять ошибся: 1000$. Высылаю ТЗ...

Комментарии

  1. 1
    Fearus (16.08.2007) #

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

    embed

    ?

  2. 2
    le`Mur (16.08.2007) #

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

    <object type="application/x-shockwave-flash" data="logo.swf" width="180" height="80">
       <param name="movie" value="logo.swf" />
       <param name="quality" value="high" />
    </object>
  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. На что же заменить то? Примера не видно, только результат.

  8. 8
    Ант (29.03.2009) #

    Зачем …. заменять на …., ведь последний пример куда длиннее?

  9. 9
    Ант (29.03.2009) #

    [s]….[/s] на [span style="text-decoration: line-through"]….[/span], хотел написать.

  10. 10
    Максим Покровский (31.03.2009) #

    потому что <s> служил для графической разметки. Сейчас его заменяет css.

  11. 11
    Денис Беляевский (16.07.2009) #

    По-моему, графический <s> можно адекватно заменить смысловым <del>.

  12. 12
    Руслан (18.09.2009) #

    Я вот не пойму одно.
    На красиво оформленных страницах со всяким выпадающими меню(нормальными меню, не Combo и других, а как у всех приложений вверху), меня удивляет один факт: Почему для реализации этих меню затрачиваются десятки килобайт кода!?
    Ну почему не могут, хотя бы в устаревший <menu> тег встроить нормальную функцию интерфейсного меню!?

    Да, это противоречит тому, что html-документ должен быть принтабельным. Но, большинство страниц же так и не распечатывают.

    Лично я вставляю у себя <menu> и тут же своим скриптом отыскиваю его на странице и генерирую реальное меню! :-p

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

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

!

Самое обсуждаемое

Они читают меня, я читаю их

— Мало родить идею, надо еще найти в себе силы для ее реализации

Rambler's Top100