Блог

Главная - Вопросы по программированию - Использование для встраивания HTML-документа вызывает большой пробел

Использование для встраивания HTML-документа вызывает большой пробел

#html #css

#HTML #css

Вопрос:

Мой метод встраивания закодирован следующим образом:

 <embed type="text/html" src="header.html">

Теперь мне удалось встроить header.html файл в index.html , но в результате я также получил странный длинный пробел в верхнем заголовке.

Это header.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>

Вот как я встраиваю это в index.html :

 <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">

Я пытался поиграть с настройками CSS, но у меня ничего не получилось.
Почему я продолжаю получать этот длинный пробел в заполнении?

Комментарии:

1. На данный момент в чистом HTML такого общего, широко поддерживаемого метода нет.

2. Вот почему я открываю этот вопрос

3. Открытие этого вопроса не добавляет браузерам желаемых возможностей.

4. Я успешно внедрил html-файл в другой, используя тег embed, но у меня получился длинный пробел с ним. Мы устраняем этот пробел, и у нас есть эта возможность.

5. <frame src=""></iframe> ??

Ответ №1:

Я пытался поиграть с настройками CSS, но у меня ничего не получилось.

Это отдельный (и недопустимый) документ. <embed> функционирует как (плохо определенный) <iframe> .

Вам не хватает Doctype и head элемента. В нем нет таблицы стилей, поэтому вы получаете поля / отступы по умолчанию для элемента body.