在HTML 中怎么引用外部文件夹里的HTML呢?

html-css012

在HTML 中怎么引用外部文件夹里的HTML呢?,第1张

在html中可以采用iframe的方式引入外部html文件。iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。如下这个示例:

<html>

<body>

<iframe src="这里是外部html文件的路径" frameborder="0"></iframe>

</body>

</html>

在iframe中,src属性定义外部html文件的路径。frameborder定义是否有边框,0为无边框。iframe有以下常见属性:

1,align:不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。

2,frameborder:规定是否显示框架周围的边框。,

3,height:规定 iframe 的高度。

4,marginheight:定义 iframe 的顶部和底部的边距。

5,marginwidth:定义 iframe 的左侧和右侧的边距。

6,name:规定 iframe 的名称。,

7,scrolling:规定是否在 iframe 中显示滚动条。

8,width:定义 iframe 的宽度。

在html里包含额外的html页面一般是用JavaScript代码控制的,调用dom的load方法就可以了。

比如有a.html,需要把另外一个页面b.html也包含进来,那么实现代码如下:

1、a.html代码如下:

<html>

<head>

<script src="jquery.js"></script>引用jquery,调用load方法

<script>

$(function(){

$("#includedContent").load("b.html")用load方法记载b.html

})

</script>

</head>

<body>

<div id="includedContent"></div>定义div,显示加载的html内容

</body>

</html>

2、b.html代码,显示一行文字:

<p>这是被a.html标签</p>

用自己的话来说:

html标签有点像我们的语言,例如我们说“西瓜” 就是指的夏天里经常吃的圆圆的那个东西,这是我们能理解的,因为我们默认这个词语代表这个意思,而html中的标签也有类似的解释,例如<table></table>,这是给浏览器准备的语言,如IE,firefox等,浏览器在看到这个标签的时候,就知道要在客户端的屏幕上显示一个表格,这样看来,标签是机器的一种语言,只有相应的浏览器能读懂,所以在html里制定了网页展现所需要的基本标签,用于显示表格、图片、文字等,

除了标准的、默认的语言之外,我们还可以自定义一些新的语言,例如在一个团体里,某个特别的字代表其他的意思,对应到html中,我们可以可以自己定义一些标签,并告诉浏览器,这些标签的意思,这样由这些标签组成的代码就可以在浏览器中展现出我们能看到的内容。

不知道这么说啊能理解。呵呵

希望有所帮助。