使用<;嵌入>;嵌入HTML文档会导致很大的差距
我的嵌入方法编码如下:使用<;嵌入>;嵌入HTML文档会导致很大的差距,html,css,Html,Css,我的嵌入方法编码如下: <embed type="text/html" src="header.html"> 下面是我如何将其嵌入index.html: 我尝试使用CSS设置,但没有成功。 为什么我总是有那么长的间隙 我尝试使用CSS设置,但没有成功 它是一个单独的(无效)文档作为一个(定义不清的)运行 您缺少Doctype和head元素。您没有样式表,因此在body元素上获得默认的边距/填充。没有这样的常规,目前纯HTML中广泛支持的方法。这就是我打开该问题的原因。打开该
<embed type="text/html" src="header.html">
下面是我如何将其嵌入index.html
:
我尝试使用CSS设置,但没有成功。为什么我总是有那么长的间隙 我尝试使用CSS设置,但没有成功 它是一个单独的(无效)文档<代码>作为一个(定义不清的)
运行
您缺少Doctype和
head
元素。您没有样式表,因此在body元素上获得默认的边距/填充。没有这样的常规,目前纯HTML中广泛支持的方法。这就是我打开该问题的原因。打开该问题并没有为浏览器添加所需的功能。我使用嵌入标记成功地将嵌入HTML文件嵌入到另一个文件中,但我与它有很长的差距。我们解决了这一差距,我们拥有这一能力??
<div class="top-main-area text-center">
<div class="container">
<a href="index.html" class="logo mt5">
<img src="img/logos/logo4.png" />
</a>
</div>
</div>
<header class="main">
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- MAIN NAVIGATION -->
<div class="flexnav-menu-button" id="flexnav-menu-button">Menu</div>
<nav>
<ul class="nav nav-pills flexnav" id="flexnav" data-breakpoint="800">
<!-- a couple of li here -->
</ul>
</nav>
<!-- END MAIN NAVIGATION -->
</div>
<div class="col-md-6">
</div>
</div>
</div>
</header>
<div class="gap"></div>
<head>
<!-- Bootstrap styles -->
<link rel="stylesheet" href="css/boostrap.css">
<link rel="stylesheet" href="css/font_awesome.css">
<link rel="stylesheet" href="css/styles.css">
<!-- IE 8 Fallback -->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
</head>
<body class="boxed bg-cover" style="background-image: url(img/backgrounds/wood.jpg)">
<div class="global-wrap">
<embed type="text/html" src="header.html">