1. Куча / Говнокод #4626

    +131

    1. 1
    <i style="background-image: url(.......);"/>

    Взято с facebook.com
    Не знаю, какой глубинный смысл в выборе тега i для вставки картинки, который совершенно для этого не предназначен. Есть же div и span. Может это как-то нужно для отметания веб роботов, а может просто захотелось извратиться

    Запостил: gorsash, 14 Ноября 2010

    Комментарии (48) RSS

    • ava telnet 14.11.2010 15:07 # −2

      Можно подумать, div и span сильно предназначены для вставки картинок %) Итак:
      1) упомянутая несемантичность (i вместо div) - я не считаю это решение грязным, вред оно несёт чисто формальный.
      2) невалидность в виде принудительно непарного тега, хотя по стандарту ему нужен закрывающий - косяк посерьёзнее.
      3) использование инлайн-стиля вместо класса - решение вполне оправданное, если картинку предполагается подставлять динамически.
      Вывод: криво, конечно, но чё-то не смешно.
      Ответить

      • ava gorsash 14.11.2010 15:31 # 0

        > принудительно непарного тега
        это я копировал из инспектора dom оперы. раз внутренности нет, она показала непарный
        Ответить

      • ava Анонимус 15.11.2010 15:47 # 0

        >>Можно подумать, div и span сильно предназначены для вставки картинок
        куда более предназначены, чем депрекейтед несемантический таг, обозначающий italic.
        Ответить

    • ava bugmenot 14.11.2010 15:22 # 0

      а где height width inline-block?
      Ответить

    • ava Arigato 14.11.2010 15:31 # +3

      > Не знаю, какой глубинный смысл в выборе тега i для вставки картинки

      Ассоциация с image
      Ответить

    • ava Yurik 14.11.2010 15:32 # −1

      Валидацию проходит. Так что минус.
      Ответить

      • ava gorsash 14.11.2010 15:35 # 0

        бугага. код компилируется, значит не говнокод ))))))))
        Ответить

        • ava Yurik 14.11.2010 15:36 # −1

          А где написано, что тегу <i> нельзя задавать фоновую картинку?
          Ответить

          • ava gorsash 14.11.2010 15:37 # 0

            начнём с того, что сейчас вместо <i> используют стили. и кажется visual studio даже подчёркивает этот тег
            Ответить

            • ava Yurik 14.11.2010 15:48 # −2

              Действительно, по стандарту XHTML 1.0 Strict из Википедии:
              полностью отделяет содержание документа от оформления (которое теперь задаётся только через CSS)
              Ну на говнокод то не тянет. В вебе можно чего и намного хуже встретить.
              Ответить

              • ava gorsash 14.11.2010 15:53 # 0

                я не исключал возможности, что этому есть разумное объяснение и я возможно узнаю какую-то хитрость. пока была только гипотеза про i=image
                Ответить

    • ava Lure Of Chaos 14.11.2010 17:16 # 0

      а как насчет того, что теги i, b устарели?
      Ответить

    • ava AxisPod 15.11.2010 07:52 # 0

      имхо i первая буква image, может они думали, что это картинка. А фоном вставлять картинки местами очень полезно.
      Ответить

      • ava Oleg_quadro 15.11.2010 14:02 # 0

        >>может они думали, что это картинка
        Использовать и не знать для чего? Вероятность очень маленькая.
        Ответить

    • ava Frankey 16.11.2010 10:51 # 0

      А почему не <img src="...">?
      Ответить

      • ava Arigato 16.11.2010 13:34 # −1

        Это слишком банально.
        Ответить

      • ava gorsash 17.11.2010 17:38 # 0

        Иногда нужно наложить одну картинку на другую. Тогда одна - img, вторая - span/div с фоном, ну а бывает и <i>
        Ответить

    • ava ycuk 24.11.2010 14:03 # +3

      может быть автор хотел картинку сделать курсивом? :))
      Ответить

      • ava bugmenot 24.11.2010 16:03 # +1

        <i id="parallelogram" style="background-image: url(rectangle.gif); display:inline-block;height:42px;width:42pt"></i>
        даешь аффинные преобразования в CSS!
        Ответить

        • ava inkanus-gray 24.11.2010 16:27 # 0

          <b id="smoothed" style="background-image: url(foto.jpg); display:inline-block;height:640px;width:480px"></b>
          <blink id="flashed" style="background-image: url(fire.jpg); display:inline-block;height:400px;width:400px"></blink>
          <marquee id="animated" style="background-image: url(rabbit.jpg); display:inline-block;height:640px;width:480px"></marquee>
          Ответить

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