如何在 HTML 中嵌套、引入其他的 HTML？

在日常开发中，书写的 HTML 页面往往不是独立或互不通用，通常是有些头部、尾部或者其他部分是公用的，但是 HTML 有不同 JSP 页面可以使用类似 include 这样的动作标记，所以接下来介绍二种 HTML 页面引入其他 HTML 页面的方法。

1. jQuery

通过 jQuery 将公共的 HTML 引入到对应的 DIV 内

$(function () {
    $.get("content.html",function (data) { //引入时的页面名称
        $("#content").html(data); //引入时的ID
    });
});

或者

$("#content").load("/content.html");

content.html

<section class="about">
    <h2>About me</h2>
    <p>I am a web developer.</p>
</section>

2. iframe

<iframe src="content.html" width="100%" frameborder="0" scrolling="no"></iframe>

iframe 属性：

• srcr：要引入的HTML文件
• width、heightr：宽度、高度
• frameborder：边框
• scrollingr：滚动条
• name：iframe 名称