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

[BR0kEN]

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

З.Ы. На данном этапе развития — бесполезная фича.

[jojo97]

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

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

В следующей части будут описаны более интересные детали, там и станет понятно, зачем оно все.

[Memphis23Rus]

Но память освежать иногда надо. Спасибо автору за напоминание.

[BR0kEN]

Memphis23Rus, соболезную вашей памяти, т.к. предыдущая статья была неделю назад.

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

<sarcasm>Даешь по статье о HTML Import раз в неделю. Уверен, еще много кто в своих блогах об этом написал.</sarcasm>

[SerafimArts]

Хм, для подобного же как раз и придумали SSI из которого потом и вытек (вперемешку с perl) многострадальный PHP…

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

[SerafimArts]

Сразу отвечу на предложения использования в качестве разработки «одностраничных» приложений, как раз подумал об этом только что.

По-моему, вот такое:

<script type="text/html"><?=require 'path/to/file.html';?></script>

Будет не намного сложнее в использовании (ну и на других серверных языках аналогично).

[ionicman]

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

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

Какие могут быть интересные детали у обычного импорта? :) Возможность в импортнутых страничках использовать импорт? :D

[jojo97]

Shadow dom, Templates и пр.

[ionicman]

Shadow dom == isolated dom — про это я сказал, однако к inlcude это мало имеет отношение. Там целый стандарт что и как.
Простой include никому не нужен в принципе — как и написали в первом комментарии — на данном этапе — абсолютно бесполезная фича.

[jojo97]

Include это часть стандарта веб-компонентов, которая заменит ajax загрузку. Не то чтобы это давало какие-то невероятные плюсы, но это стандартизация и ей нужно следовать.

[ionicman]

Стандартам, безусловно, надо следовать. Но это не стандарт еще, даже не драфт толком.

Но речь не об этом — еще раз говорю — сама по себе include — абсолютно бесполезная фича. И посвещать ей целые страницы — смешно. В контексте веб-компонент — другое дело.

[jojo97]

Во второй части статьи будет больше про веб-компоненты. Эта часть как вступление. Возможно не стоило разделять статью, так как первая часть кажется не очень-то интересной, но вряд ли кто-то способен осилить две части за один присест.

[dmitrandr]

Не знаю, как многие, но лично я не замечаю объемов статьи, если она интересная. Даже радуюсь, что еще много чего осталось прочитать. Единственное, если статья очень большая и нет времени — могу закинуть в избранное и дочитать потом.

Возможно, вы ошиблись, не опубликовав всю статью. Все же это Хабр, а не Вконтакте, здесь немного другой уровень читателей и контента, чем в стандартной социальной сети, а значит, что многие решения, вроде урезания размеров статей, не всегда имеют смысл = )

[jojo97]

Ок, буду знать на будущее.

[prolis]

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

[pepelsbey]

Вы можете включить поддержку импорта, отметив флаг
«Включить экспериментальные функции веб-платформы»
по адресу about:flags в Chrome Canary

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

[jojo97]

Ну да, статья еще немного из прошлого. Я так и указал

[pepelsbey]

Проблема в том, что люди не читают сноску «статья устарела», а воспринимают всё за чистую монету.

[jojo97]

Ну мы считаем, что люди на хабре достаточно внимательны, чтобы такое заметить.

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

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

[deemytch]

firefox 30.0 linux x64

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

ничего себе, устарела…

[aice19]

Я как то на сайте видел на сайте, что подключается одна всего строчка с js, а загружается целая страница. Причем страница явно динамическая.
Т.е. через просмотр кода страницы смотришь — там всего одна строка — подключение какого-то файла js. Подскажите где порыться почитать про эту технологию. Уже все перерыл — не могу найти что-то.

[ainu]

$('body').load('/yourpage.html');

Вот и вся технология

[iPacman]

Кроме трёх перечисленных способов импорта HTML есть еще <object type="text/html">

[Abcd_Efgh]

Уже упомянуто как <script type="text/html"> в разделе «КривыеКостыли™», хотя сам этот метод лично мне видится не меньшим костылём, пусть и не таким кривым.

[jojo97]

Вот и вторая часть, наконец-то перевел. Приятного чтения.