html的标签嵌套规则

html-css012

html的标签嵌套规则,第1张

p只能嵌套行内标签,ul/ol下只能嵌套li,dl下只能嵌套dt,dd

相反,li只能呗ul/ol嵌套,dt,dd只能被dl嵌套

其他块标签可以嵌套所以标签

a标签可以嵌套所有标签

其他行内标签只可以嵌套行内标签

所有行内标签不可以嵌套自身

table下只能嵌套tbody和thead

tbody和thead下只能嵌套tr

tr下只能嵌套th、td

td下可嵌套所有标签

1、结构嵌套很深能让网页的结构更加清晰简单,让代码更加紧凑,更容易维护和更容易排错。

2、大型网站需要处理大量的内容,而且这些内容可能有着复杂的关系,这时候需要更多深度的嵌套来保持代码的整洁,使得内容更容易被管理。

3、大型网站可能有着复杂的页面结构,可能会有多种多样的模块,比如菜单、广告、图片、新闻等,这些模块可能有着细微的区别,所以要把它们放到合适的层次中,这样才能保持网页的结构性和美观性。

将一个html页面中嵌入另一个html页面需要使用到iframe标签。

iframe标签用法:

<iframe src="你要嵌套的页面.html" frameborder="0" width="300" scrolling="No" height="200" leftmargin="0" topmargin="0"></iframe>

scrolling禁止鼠标滑动,frameborder嵌套页面边框,leftmargin左边距,topmargin上边距

扩展资料:

嵌入页面的几种方法:

一、应用框架技术

在页面中嵌入外部页面的方法是,在页面中包含外部页面的位置插入“<IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm" ></IFRAME >”语句即可。

如果想在嵌入的外部页面过长时不出现滚动条,在外部文件<body >标签中加入“scroll=no”或者在宿主页面<IFRAME >标签中加入“scrolling=no”即可。

但这样做会出现一个问题,就是宿主页面和外部页面背景色不同,这样会给人造成页面不是一个整体的感觉。这时,只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。

注意,如果您使用的是IE 5.5或以上版本的话,直接在标签<IFRAME >内设置属性allowTransparency="true"(即框架背景透明)即可。

二、使用Scriptlets组件技术

应用这种技术的方法是在宿主页面中包含外部页面的位置插入“<OBJECT style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=X Height=X ></OBJECT >”语句即可。

在IE 5.0及以后版本中,scriptlets和Html组件(HTCs)被重新命名为Windows脚本编程组件(WSC),其特点类似于上文所讲的框架技术。它有自己的不透明方形区域,并覆盖在宿主页面上,因此不能很平滑地用于具有纹理背景的宿主页面中,其工作方式类似于ActiveX控件,具有自己独立的事件、方法和属性。

三、使用脚本文件技术

document.write方法可以在宿主页面中输出内容,这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“<SCRIPT language="JavaScript" src="import.js" ></SCRIPT >”,然后对外部页面进行改造,将每一行内容写入document.write中,并另外保存在扩展名为js的新文件中。

这种方法的特点是外部页面不具有自己的方形区域,和宿主页面浑然一体,但由于外部页面内容全部写在脚本中,无法做到所见即所得,必须等到脚本运行时才能看到实际效果,这样就为修改调试增加了困难。

参考资料来源:百度百科:内嵌框架