HTML rel="import"引入公用内容实例页面

回到相关文章 »

效果:

下面内容是include进来的

代码:

HTML代码:
<h4>下面内容是include进来的</h4>
<link rel="import" href="include.html" is="ui-import">
                
header.html代码:
<section>
    <h4>标题</h4>
    <p>帅哥一枚</p>
    <p><img src="zxx.jpg"></p>
    <ul>
        <li>列表1</li>
        <li>列表1</li>
        <li>列表2</li>
    </ul>
    <style>section { border: 1px solid #ccc; padding: 10px; }
    section h4 { margin: 0; }</style>
</section>
                
JS代码:
<script src="./safari-polyfill.js"></script>
<script src="./html-import.js"></script>