精华内容
下载资源
问答
  • html网页嵌套
    2021-09-14 13:58:04

    方法一:基于Jquery的DIV嵌套html

    $(document).ready(function(){ 
    	$("#btn").click(function(){ 
    		$('#viewDiv').load('new.html'); 
    	}) 
    })
    
    jQuery(document).ready(function() {
         $("#page").load("footer.html"); 
    });
    

    方法二:纯js方法

    function load_home() {
      document.getElementById("viewDiv").innerHTML = '<object type="text/html" data="new.html" width="100%" height="100%"></object>';
    }
    
    <object style="border:0px" type="text/x-scriptlet" data="footer.htm" width=100% height=50></object>
    

    方法三:iframe 方法

    <iframe name="footer" marginwidth=0 marginheight=0 width=100% height=50 src="tooter.htm" frameborder=0> </iframe>
    
    更多相关内容
  • 主要介绍了html页面嵌套使用示例(frameset使用方法),需要的朋友可以参考下
  • div嵌套html不用iframe

    2020-09-28 06:09:48
    在不用iframe的情况下嵌套页面,所以只好在div中嵌套,下面是具体的实现,主要使用到了jquery,大家可以参考下
  • HTML标签嵌套规范总结

    2021-12-10 11:14:37
    今天遇到一个嵌套规范的题目,忙里偷闲总结记录一下,大家都听过“行内元素不能嵌套块级元素”吧,因此进入正文之前先来说一下哪些是块级元素,哪些是行内元素。赶时间的老铁可以直接翻到最后哦。 一、块级元素 ...

            今天遇到一个嵌套规范的题目,忙里偷闲总结记录一下,大家都听过“行内元素不能嵌套块级元素”吧,因此进入正文之前先来说一下哪些是块级元素,哪些是行内元素。赶时间的老铁可以直接翻到最后哦。

    一、块级元素

    一般用来搭建网站架构、布局、承载内容等,包括以下标签:

    div、h1~h6、address、blockquote、center、dl、dt、dd、form、hr、ol、p、table、ul……

    特点:

    • 独占一行,能够识别宽高
    • margin和padding的上下左右均对其有效
    • 自动填满父元素,即宽度默认是容器的100%,除非设定宽度。
    • 多个块状元素标签写在一起,默认排列方式为从上至下

    二、行内元素

    主要用于加强内容显示,控制细节,例如:加粗、斜体等,包括以下标签:

    span、a、b、big、br、em、font、i、img、input、label、q、s、select、small、strong、sub、sup、textarea……

    特点:

    • 设置宽高无效(即高、行高及顶和底边距不可改变)
    • 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
    • 不会自动进行换行
    • 不会独占一行,和其他元素都在一行上

    接下来进入正文啦!!!

    三、嵌套规范总结

    1.块级元素与块级元素平级、内嵌元素与内嵌元素平级

    <div><span></span><p></p></div>  //span是行内元素,p是块级元素,所以这个是错误的嵌套
    
    <div><span></span><a></a></div>  //对的

    2.块级可包含行内/块级,但行内不能包含块级,它只能包含其它的行内元素

    <div><span></span></div> //正确
    
    <span><span></span></span>  //正确
    
    <span><p></p></span>   //错误

    3.几个特殊的块级元素只能包含行内元素,不能再包含块级元素

    h1、h2、h3、h4、h5、h6、p、dt

    4.块级元素不能放在标签p里面

    5.li 标签可以包含 div 标签,因为li 和 div 标签都是装载内容的容器

    6.<form>不可嵌套<form>

    7.<header>、<footer>不可嵌套<header>、<footer>

    8.<caption>不可嵌套<table>

    9.<dt>、<th>不可嵌套<header>、<footer>、区块型元素(sectioning content)、标题型元素(heading content)

    ---------------------------------------------------------------------------------------------------------------------------------

    写在最后:虽然我们常常会有嵌套标签,也有专门的规范,但是为了提高浏览器的渲染效率,我们应该尽少的嵌套标签,扁平化。

    展开全文
  • 网页如何嵌套网页__HTML框架

    千次阅读 2021-07-02 14:04:30
    src 指向不同的网页,也就是html文件路径。 width height 用来设置iframe引入网页的宽高大小。 frameborder 定义iframe表示是否显示边框。1表示有,0表示没有代码示例:<div><iframesrc="demo_ifra

    通过使用html框架,可以在一个浏览器窗口中展示多个页面。也就是一个html文件中可以引入多个html文件。在网页中框架使用比较少,但我们还是需要了解下。

    方式1:iframe

    使用iframe标签来实现。具体的属性及意义:

    • src 指向不同的网页,也就是html文件路径。
    • width height 用来设置iframe引入网页的宽高大小。
    • frameborder 定义iframe表示是否显示边框。1表示有,0表示没有代码示例:<div><iframesrc="demo_iframe.htm" width="500" height="500" frameborder="0"></iframe></div>

    方式2:frame

    <frame>标签定义一个frameset中一个特定的窗口(框架)。特别注意不能与body同时使用,否则不起作用。

    frameset标签具体的属性及意义:

    • cols 设置框架中列的数目和尺寸,使用逗号分开。
    • rows 定义框架中行的数目和尺寸,使用逗号分开。
    • frameborder 框架是否设置边框,1表示有,0表示没有
    • scrolling 框架内是否允许滚动条。
    • noresize 规定无法调整窗口大小。

    frame 的src设置了引入窗口文档的地址。

    示例代码:

    <html>
    
    <frameset cols="25%,50%,25%">
    
    <frame src="frame_a.htm" />
    
    <frame src="frame_b.htm" />
    
    <frame src="frame_c.htm" />
    
    </frameset>
    
    </html>

    由于单页面应用广泛,多页面基本都用在网站搭建中,所以html框架应用比较少,这节内容作为了解。

    展开全文
  • html嵌套

    2017-04-25 16:22:26
    html把首页分成三个部分header、main、footer或者更多。 其中header与footer在大多数的时候是公用的。...SSI是一种简单的动态网页制作技术,但是有些服务器要求网页扩展名为s.html才能识别文件中

    用html把首页分成三个部分header、main、footer或者更多。
    其中header与footer在大多数的时候是公用的。
    如何做到在不使用PHP、或者JSP等动态页面开发,页面里引入其他页面只需include()进来就可以实现页面分离。
    使用html,也是可以实现页面分割的。
    一:SSI
    SSI是一种简单的动态网页制作技术,但是有些服务器要求网页扩展名为s.html才能识别文件中SSI命令。所以如果你的SSI命令看起来不工作,先别放弃,试着把文件名扩张为s,html,也许会成功。
    使用SSI局限性是页面一定要放在碗也服务器上才能看到效果,在本地是不好调试的,当然如果非要在本地调试,就本地装一个Apacte服务器好了。

            <div id="header"></div>
            <div id="main"></div>
            <div id="footer"></div>

    js:

    $(function(){
           $('#header').load('header.html');
            $('#main').load('main.html');
           $('#footer').load('footer.html');
        })

    使用jQuery的load()方法:载入远程文件代码并插入至DOM中。默认使用GET方式。
    load(url,data,callback)
    参数说明:
    url:待加载的html网页网址
    data:发送至服务器的key/value数据。在jQuery1.3中也可以接受一个字符串了。
    callback:载入成功时的回调函数。
    第二种加载方法:
    function clientSideInclude(id, url) {
    var req = false;

    // Safari, Firefox, 及其他非微软浏览器
    if (window.XMLHttpRequest) {
    try {
    req = new XMLHttpRequest();
    } catch (e) {
    req = false;
    }
    } else if (window.ActiveXObject) {

    // For Internet Explorer on Windows
    try {
    req = new ActiveXObject(“Msxml2.XMLHTTP”);
    } catch (e) {
    try {
    req = new ActiveXObject(“Microsoft.XMLHTTP”);
    } catch (e) {
    req = false;
    }
    }
    }
    var element = document.getElementById(id);
    if (!element) {
    alert(“函数clientSideInclude无法找到id” + id + “。” +
    “你的网页中必须有一个含有这个id的div 或 span 标签。”);
    return;
    }
    if (req) {
    // 同步请求,等待收到全部内容
    req.open(‘GET’, url, false);
    req.send(null);
    element.innerHTML = req.responseText;
    } else {
    element.innerHTML =
    ‘对不起,你的浏览器不支持’+
    ‘XMLHTTPRequest 对象。这个网页的显示要求’ +
    ‘Internet Explorer 5 以上版本, ’ +
    ‘或 Firefox 或 Safari 浏览器,也可能会有其他可兼容的浏览器存在’;
    }
    }

    重要说明:
    通过load()方法载入的页面,页面格式比较好,Javascript可以从一个URL取到页面片段然后镶嵌在另一个页面的热和位置。其结果与服务器包含的结果基本上一样,但弊端是客户端必须开启JavaScript功能(目前大多数人是选择开去的,但也有少数出于安全方面的考虑不开启)。另一个弊端是搜索引擎看不到由JavaScript包含的页面的内容的,对于搜索引擎极度不友好,这对网站推广比较不利。

    通过iframe嵌套:

    展开全文
  • HTML页面嵌套

    千次阅读 2017-05-26 15:34:23
    html页面引入另一个页面的三种方式: <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> <object style="...
  • html页面嵌套其他网站页面的方法

    千次阅读 2020-05-09 20:45:11
    直接上代码:html页面嵌套其他网站页面的方法 <div> <!--第一种:使用object标签--> <object type="text/html" data="https://www.baidu.com" style="width:1000px; height:1000px"> <p>...
  • HTML网页中,嵌套HTML页面

    千次阅读 2020-07-15 13:53:45
    1.第一种方法 <div class="indextophtml">...$('.indextophtml').load('./../about/indextop.html'); }); </script> 2.第二种方法 <iframe src="http://www.php.cn/course/type/4.htm
  • 如何html网页嵌套其他html

    千次阅读 2019-11-07 15:13:16
    这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不...
  • 别小看了这东西,一切的网页可都是以它为基础的!下面就详细归纳一下HTML标签的嵌套规则吧,希望对大家有所帮助。 XHTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在...
  • 初学者
  • 在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:首先,网页的排版会很复杂,在外部需要有一个表格控制总体布局。如果这时一些内部排版的细节也通过总表格来实现,容易引起...
  • 如果介绍HTML网页基本标签的嵌套规则,首先要说的就是元素的分类。元素可以划分为块级元素和行级元素,块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;行级元素与之相反,它的内容决定它的宽高度,...
  • 如何将一个HTML页面嵌套另一个页面中 这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容...
  • 表格嵌套 HTML

    千次阅读 2021-06-26 02:50:37
    嵌套表格就是在一个大的表格中,再嵌进去一个或几个小的表格,即插入到表格单元格中的表格。如果用一个表格布局页面,并希望用另一个表格组织信息,则可以插入一个嵌套表格。表格的嵌套一方面是为使页面的外观更为...
  • Html页面嵌套页面练习

    2018-05-19 19:07:53
    好看的Html页面优化,实现网页之间的衔接,主页、注册、登陆,进入网页自动播放音乐,主页右上角是视频,左下角是页面切换的按钮
  • iframe嵌入网页的用法iframe并不是很常用的,在标准...我们举第一个例子,具体代码如:,这里的URL可以是相对路径,也可以是绝对路径,效果如:如何将一个html页面中嵌入另一个html页面将一个html页面中嵌入另...
  • html页面嵌套html页面

    2021-06-10 03:44:17
    iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌套页面边框,leftmargin左边距,topmargin上边距 扩展资料: 嵌入页面的几种方法: 一、应用框架技术 在页面中嵌入外部页面的怎样在一个HTML中嵌入另一个HTML...
  • HTML网页div标签中嵌套其他html页面

    千次阅读 2020-12-30 17:42:37
    方法一:基于Jquery的DIV嵌套html(测试可用) <script src="js/jquery.js"></script> 1 $(document).ready(function(){ $("#btn").click(function(){ $('#viewDiv').load('new...
  • 一切的网页可都是以HTML标签为基础,下面就详细归纳一下HTML标签的嵌套规则吧,学习网页的新手朋友们很有必要看看最近在重新学习HTML的知识,算是对HTML的一个重新认识吧!别小看了这东西,一切的网页可都是以它为...
  • 所以就大体上的整理了下HTML标签的嵌套规则,也希望读者提出不对之处。众所周知,HTML标签有两类:块级元素div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、...
  • 网页上显示多个选项卡,多重嵌套网页TAB标签特效,点击触发和鼠标滑过触发的都包括在内,根据自己的需要可选用不同的触发版本。其实通过点击的那种,也就是大家熟悉的选项卡特效,鼠标滑上去就触发的就是滑动门...
  • 超链接打开可移动层,连接打开超炫效果,实现关灯效果
  • 6 例 有序列表标记的使用 有序列表标记的使用 通过拨号网络连接Internet的步骤 安装调制解调器 创建拨号连接 设置拨号网络 设置拨号网络 7 列表的嵌套 列表嵌套能将制作的网页页面分割为多层次,比如图书的目录,让...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 96,724
精华内容 38,689
关键字:

html网页嵌套