Пользователь
0,0
рейтинг
30 июля 2014 в 01:51

Разработка → HTML-импорт — include для веба: часть 1 перевод tutorial

Перевод статьи «HTML Imports #include for the web», Eric Bidelman.

От переводчика

Недавно я перевел статью по основам HTML Import. Я обещал, что если эта тема заинтересует хабра-сообщество, то переведу более подробную статью. Я решил разбить перевод на две одинаковые по размеру части, так как, по моему, на одну часть слишком много буков. Вторая часть выйдет спустя несколько дней после публикации этой части. Если, конечно, эта часть более-менее понравится хабра-сообществу.

Для чего нужен HTML-импорт?


Давайте поговорим о том, как мы загружаем различные ресурсы. JavaScript мы загружаем при помощи . Для CSS у нас есть . Для изображений . Для видео есть
Перевод: Eric Bidelman
Йосиф Крошный @jojo97
карма
14,2
рейтинг 0,0
Пользователь
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Разработка

Комментарии (26)

  • –4
    Можно было просто дополнить сюда.

    З.Ы. На данном этапе развития — бесполезная фича.
    • +11
      Можно было просто дополнить сюда.

      По моему так никто не делает, это же совершенно другая статья и другой автор. Да и кто бы заметил, что статья дополнена? Это как взять и выбросить результаты труда.

      В следующей части будут описаны более интересные детали, там и станет понятно, зачем оно все.
    • –1
      Но память освежать иногда надо. Спасибо автору за напоминание.
      • –1
        Memphis23Rus, соболезную вашей памяти, т.к. предыдущая статья была неделю назад.

        jojo97, статья-то другая и автор тоже, а вот материал один, ничего нового. Даже не о чем на эту тему дискутировать.

        <sarcasm>Даешь по статье о HTML Import раз в неделю. Уверен, еще много кто в своих блогах об этом написал.</sarcasm>
  • +4
    Хм, для подобного же как раз и придумали SSI из которого потом и вытек (вперемешку с perl) многострадальный PHP…

    Имхо, ненужная фича даже если бы она поддерживалась со времён IE6+, на моей памяти даже статик сервера имели вышеупомянутый SSI.
    • 0
      Сразу отвечу на предложения использования в качестве разработки «одностраничных» приложений, как раз подумал об этом только что.

      По-моему, вот такое:
      <script type="text/html"><?=require 'path/to/file.html';?></script>
      

      Будет не намного сложнее в использовании (ну и на других серверных языках аналогично).
  • +2
    Господи, ну зачем?!
    Кому нужна эта фича? На дворе 2014 год, все на шаблонизаторах и ajax, где это сделать — 5 секунд.
    Я еще понимаю isolated dom, но ЭТО…
    К тому же, если очень хочется, то на любом сервере можно за пару секунд включить SSI.

    В следующей части будут описаны более интересные детали

    Какие могут быть интересные детали у обычного импорта? :) Возможность в импортнутых страничках использовать импорт? :D
    • +1
      Shadow dom, Templates и пр.
      • +3
        Shadow dom == isolated dom — про это я сказал, однако к inlcude это мало имеет отношение. Там целый стандарт что и как.
        Простой include никому не нужен в принципе — как и написали в первом комментарии — на данном этапе — абсолютно бесполезная фича.
        • 0
          Include это часть стандарта веб-компонентов, которая заменит ajax загрузку. Не то чтобы это давало какие-то невероятные плюсы, но это стандартизация и ей нужно следовать.
          • +1
            Стандартам, безусловно, надо следовать. Но это не стандарт еще, даже не драфт толком.

            Но речь не об этом — еще раз говорю — сама по себе include — абсолютно бесполезная фича. И посвещать ей целые страницы — смешно. В контексте веб-компонент — другое дело.
            • 0
              Во второй части статьи будет больше про веб-компоненты. Эта часть как вступление. Возможно не стоило разделять статью, так как первая часть кажется не очень-то интересной, но вряд ли кто-то способен осилить две части за один присест.
              • +1
                Не знаю, как многие, но лично я не замечаю объемов статьи, если она интересная. Даже радуюсь, что еще много чего осталось прочитать. Единственное, если статья очень большая и нет времени — могу закинуть в избранное и дочитать потом.

                Возможно, вы ошиблись, не опубликовав всю статью. Все же это Хабр, а не Вконтакте, здесь немного другой уровень читателей и контента, чем в стандартной социальной сети, а значит, что многие решения, вроде урезания размеров статей, не всегда имеют смысл = )
                • 0
                  Ок, буду знать на будущее.
  • 0
    Как раз вчера вечером вспомнил про этот функционал, прибежал потестировать, все настроил, а потом только в комментарии на хабре увидел, что поддерживается только хромом.
  • +2
    Вы можете включить поддержку импорта, отметив флаг
    «Включить экспериментальные функции веб-платформы»
    по адресу about:flags в Chrome Canary

    Ничего включать не нужно, HTML-импорты уже работают по умолчанию в стабильных версиях Opera 23 и Chrome 36 (все веб-компоненты по умолчанию включены, начиная с этих версий)

    • 0
      Ну да, статья еще немного из прошлого. Я так и указал
      • 0
        Проблема в том, что люди не читают сноску «статья устарела», а воспринимают всё за чистую монету.
        • –1
          Ну мы считаем, что люди на хабре достаточно внимательны, чтобы такое заметить.

          «статья устарела»

          Ну-ну, статья не устарела все по прежнему актуально, кроме слабой поддержки хромом.
  • 0
    firefox 30.0 linux x64

    > 'import' in document.createElement('link')
    false

    ничего себе, устарела…
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Я как то на сайте видел на сайте, что подключается одна всего строчка с js, а загружается целая страница. Причем страница явно динамическая.
    Т.е. через просмотр кода страницы смотришь — там всего одна строка — подключение какого-то файла js. Подскажите где порыться почитать про эту технологию. Уже все перерыл — не могу найти что-то.
    • 0
      $('body').load('/yourpage.html');
      

      Вот и вся технология
  • 0
    Кроме трёх перечисленных способов импорта HTML есть еще <object type="text/html">
    • 0
      Уже упомянуто как <script type="text/html"> в разделе «КривыеКостыли™», хотя сам этот метод лично мне видится не меньшим костылём, пусть и не таким кривым.
  • 0
    Вот и вторая часть, наконец-то перевел. Приятного чтения.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.