<link rel=“import”> устарел?

180

12 января 2019, 23:10

Использую Chrome Canary (которая будущая версия Chrome, которая опережает на 4 месяца stable)

Пытаюсь использовать там <link rel="import" href="test.html"> и получаю Warning:

[Deprecation] HTML Imports is deprecated and will be removed in M73, around March 2019. Please use ES modules instead. See https://www.chromestatus.com/features/5144752345317376 for more details.

Но я не понимаю, чем они его предлагают заменить. Подскажите, пожалуйста.

Большое спасибо.

Answer 1

как импортировать `html` из другого `html`

всё очень просто - достаточно использовать  данная технология называется SSI

вот небольшой пример

<!DOCTYPE html>
 <html>
  <head>
   <meta charset="utf-8">
   <title>SSI</title>
  </head>
 <body> 
  <!--#include virtual="/inc/header.html"-->
  <p>...</p>
  <!--#include file="../inc/footer.html"-->    
 </body>
</html>

ведь удобно, не правда ли, когда можно разбить один большой html файл на части - например заголовок, тело, подвал и загружать их из отдельных файлов. круто же!

http://htmlbook.ru/webserver/ssi
http://htmlbook.ru/webserver/ssi/direktivy-ssi
http://htmlbook.ru/metki/ssi

ШУТКА!

хотяя странно, ведь css, html и js должны быть заняты каждый своим делом - говорили они. и в подтверждении своих слов в дополнении к @import они ввели link rel="import" и import {} from ""/import('').then(). был даже написан фреймворк Polymer - один из вдохновителей VueJS.

КАК ЖЕ БЫТЬ НА САМОМ ДЕЛЕ

https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/h-JwMiPUnuU/sl79aLoLBQAJ

There are other alternative polyfills for each, like AshleyScirra’s HTML Imports polyfill.

https://github.com/AshleyScirra/html-imports-polyfill

The script adds three global functions. Note the polyfill makes no effort to read existing <link rel="import"> tags; you must use the addImport method instead.

addImport(url, async, progressObject)