Могу ли я сделать ссылку на тег <head>в отдельном файле, чтобы избежать необходимости изменять их все, если я внесу изменение? - PullRequest
Новая
       0

Могу ли я сделать ссылку на тег <head>в отдельном файле, чтобы избежать необходимости изменять их все, если я внесу изменение?

0 голосов
/ 16 апреля 2019

Я хочу создать сайт, где вместо копирования тега <head> на каждую новую страницу. Я хочу поместить его в отдельный файл, просто сослаться на каждую страницу.

Я попытался использовать <object data="head.html">, в head.html есть ссылка на style.css. Но вместо того, чтобы изменить цвет фона всего тела на красный, он просто сделал маленький красный прямоугольник.

index.html 

<!DOCTYPE html>
<html>
    <head>
        <object data="head.html"></object>
    </head>
    <body>
        <p>Hello</p>
    </body>
</html>

style.css 

body{
    background-color:red;    
}

head.html 

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
</html

Я ожидал, что вся страница будет красной с надписью «Hello», но получился маленький красный прямоугольник с надписью «Hello» под прямоугольником.

Я вижу этот другой вопрос, однако я не очень опытен в использовании сценариев Java на веб-страницах.

Ответы [ 3 ]

2 голосов
/ 16 апреля 2019

Вы должны использовать язык программирования, такой как PHP, где вы можете включить другой файл.

1 голос
/ 16 апреля 2019

Я думаю, что ваш вопрос заключается в том, как привлечь определенный HTML-код извне и использовать его дважды или более ... Как, например, использовать четкий дизайн на всех веб-страницах в папке проекта. Попробуйте это .. 

<head>
  <link rel="import" href="/path/to/imports/stuff.html">
</head>

Если вы используете PHP, то это лучший способ включить HTML-код .. 

include_once('stuff.html');
0 голосов
/ 16 апреля 2019

Проблема, вероятно, в том, что высота ваших тегов html и body так же велика, как и их содержимое. Попробуйте установить это в своем CSS 

html, body {
    height: 100%;
}

Это расширит его до размера окна браузера.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...