Несколько тегов и
Я пытаюсь создать очень простое веб-приложение, в основном для понимания лучших методов кодирования в HTML5, CSS и JavaScript.
Мое приложение имеет 3-4 страницы, и каждый использует тот же заголовок меню. Поэтому я хочу сделать его многоразовым, написав его в отдельном файле (PHP или HTML).
head.php (он должен быть повторно использован):
HTML-разметка (грязный код):
У меня есть следующие вопросы:
- head.php имеет head.php и . Итак, где я должен писать эти строки PHP, чтобы включить его? (в или ) (я не хочу иметь несколько s и s на последней странице)
- Какую другую лучшую практику я должен придерживаться? (любая ссылка на ссылки приветствуется)
На мой взгляд, было бы неплохо прочитать о системах шаблонов или посмотреть, как это работает с каркасами / CMS.
Выполняя это, вы не можете полностью избежать повторения, например, тега закрывающей головки в каждом content.php.
Так что это всего лишь идея:
php – это рендеринг html, и если у вас в обоих заголовках файлов, конечно, он будет напечатан дважды
вы должны отделить в include, но не пишите в оба файла тега
taf include ($_SERVER[DOCUMENT_ROOT] . '/page/common/header.php); ?> BODY include будет выводить контент из head.php и foot.php и будет помещен в файл index.php
Еще одно возможное решение, позволяющее избежать множественных заголовков, что также позволяет добавлять дополнительные файлы css:
Он также позволяет использовать несколько уровней наследования (например, вы можете определить один и тот же нижний колонтитул для нескольких страниц). Этот принцип также можно использовать без EOF, но я думаю, что он выглядит лучше.
Основной недостаток заключается в том, что вы получите предупреждение, если не зададите все переменные head.php на страницах, включая его.
Несколько body в html
Тег используется для размещения всего содержимого, которое отображается на веб-странице.
Заголовок 1
Это параграф.
Атрибуты тега :
- onbeforeunload — сценарий, который выполнится, когда пользователь соберётся покинуть страницу.
- onhashchange — сценарий, который выполнится при изменении URL.
- onmessage — сценарий, который выполнится при получении сообщения от приложения.
- onoffline — сценарий, который выполнится, когда браузер начнёт работать в автономном режиме.
- ononline — сценарий для запуска, когда браузер начинает работать в режиме онлайн.
- onpagehide — сценарий, который выполняется, когда пользователь переходит со страницы.
- onpageshow — сценарий, который выполняется, когда пользователь переходит на страницу.
- onunload — сценарий, который выполняется, когда пользователь покидает страницу.
- onafterprint — сценарий, который выполнится после печати веб-страницы.
- onbeforeprint — сценарий, который выполнится перед печатью веб-страницы.
- onlanguagechange — сценарий, который выполнится при изменении языка документа.
- onmessageerror — сценарий, который выполнится при возникновении ошибки в сообщении, полученном с помощью API Messaging.
- onpopstate — сценарий, который выполнится при изменении состояния истории браузера.
- onrejectionhandled — сценарий, который выполнится при обработке отклоненного обещания в объекте Promise .
- onstorage — сценарий, который выполнится при изменении данных в объекте localStorage или sessionStorage .
- onunhandledrejection — сценарий, который выполнится при возникновении отклоненного обещания в объекте Promise без обработки.
Примеры использования
Мой веб-сайт
Добро пожаловать на мой веб-сайт!
Мой веб-сайт
Добро пожаловать на мой веб-сайт!
Visit Example.com Веб-страница с изображениями:
Мой веб-сайт
Добро пожаловать на мой веб-сайт!
Для чего использовать тег
- Для отображения содержимого на веб-странице.
- Для форматирования текста и другого содержимого с помощью HTML-тегов.
- Для размещения ссылок на другие веб-страницы или ресурсы.
- Для вставки мультимедийного содержимого, такого как изображения и видео.
- Для стилизации содержимого с помощью CSS.
- Для определения структуры веб-страницы с помощью HTML-тегов.
Глобальные атрибуты
Ограничения
Тег должен использоваться только один раз в HTML-документе. Он не может быть вложен внутрь другого тега или любого другого элемента.
Нюансы
- Если в документе нет тега , браузер всё равно попытается отобразить страницу. Но полученная страница может быть плохо сформирована или в ней будет отсутствовать важное содержимое.
- Если в HTML-документе несколько тегов , распознаётся только первый из них, а все последующие игнорируются.
👉🏻 Другие теги для создания структуры документа
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Два на странице.
Eсть сайтик где режется js да и много чего другого, но я обнавружил, что возможно добавление
«. « > и соответственно творения со страничкой любого js непотребства) Если бы оно нужно было для пакости то яб не парился, но мне оно нужно исключительно для косметической работы(css там тож запрещены).Такой вот собсно вопрос: какие ошибки и глюки может повлечь добавление меж двух основных боди вышеприведённой конструкции. Так оно вроде работает вполне нормально, но мало ли.)
Изменено 7 июня 2009 пользователем AjiTae
Ссылка на комментарий
Поделиться на других сайтах
4 ответа на этот вопрос
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.
Примечание: вашему сообщению потребуется утверждение модератора, прежде чем оно станет доступным.
Обсуждения
http://htmlbook.ru/html/area на одной картинке можно организовать несколько областей ссылок ведущих на разные страницы
margin внутри таблицы не работает, кста еще можно вот так реализовать так заливка ячеек будет корректно работать, если она нужна будет
| row 1 cell 1 | row 1 cell 2 | row 1 cell 3 must contain several lines |
| row 2 cell 1 | row 2 cell 2 | |
| row 3 cell 1 | row 3 cell 2 | |
| row 4 cell 1 | row 4 cell 2 | |
| row 5 cell 1 | row 5 cell 2 | row 5 cell 3 |
| row 6 cell 1 | row 6 cell 2 | row 5 cell 3 |
если не критично еще можно использовать обертку внутри ячеек, и с ней много чего можно дополнительного реализовать в таблицах
Switch74 Спасибо, второй вариант как раз то, что хотелось. Не понятно только, почему margin-top не работает, пробовал задавать и для клеточек, и для всей строки. А про padding как-то не подумал.
тогда как выше предложили пустую строку
| row 1 cell 1 | row 1 cell 2 | row 1 cell 3 must contain several lines |
| row 2 cell 1 | row 2 cell 2 | |
| row 3 cell 1 | row 3 cell 2 | |
| row 4 cell 1 | row 4 cell 2 | |
| row 5 cell 1 | row 5 cell 2 | row 5 cell 3 |
| row 6 cell 1 | row 6 cell 2 | row 5 cell 3 |
или если подсветка ячеек не обязательна, то можно так
| row 1 cell 1 | row 1 cell 2 | row 1 cell 3 must contain several lines |
| row 2 cell 1 | row 2 cell 2 | |
| row 3 cell 1 | row 3 cell 2 | |
| row 4 cell 1 | row 4 cell 2 | |
| row 5 cell 1 | row 5 cell 2 | row 5 cell 3 |
| row 6 cell 1 | row 6 cell 2 | row 5 cell 3 |
Несколько в одном файле
Можно ли исправить это с помощью iframes? Может ли кто-нибудь привести пример?
Зачем вам нужно много HTML-тегов в одном файле? Вероятно, есть лучший способ сделать все, что вы пытаетесь достичь.
7 ответов
В HTML-документе может быть только тег html и один тег body . Если вы просто поместите несколько документов HTML вместе, это будет недопустимый документ, и у браузеров могут быть проблемы с его отображением.
Вы можете удалить повторяющиеся теги, но это может быть не так просто. В документе также может быть только один тег head , поэтому вам придется комбинировать содержимое с тегами заголовка с отдельных страниц. Если страницы содержат таблицы стилей, которые конфликтуют, это будет сложнее, тогда вам придется переписать таблицы стилей и их использование на страницах, чтобы они больше не конфликтуют. То же самое касается Javascript; если у вас есть сценарии с конфликтующими именами, вы должны переписать их так, чтобы они больше не конфликтуют.
На конфликтующих страницах также может содержаться контент. id может быть определен только один раз на странице, поэтому, если страницы используют одни и те же идентификаторы, вы должны их изменить и использовать в таблицах стилей и сценариях.
Если вы убедитесь, что конфликтов нет, вы можете объединить страницы.
Если у вас есть документы, в которых у вас есть только контроль над содержимым тела, вы можете обойти это, добавив начальные и конечные теги для комментариев, так что окончание одного файла и начало следующего файла игнорируются. Таким образом, вы можете сохранить начало первого файла, содержимое из каждого файла и окончание последнего файла:
content. --> content. --> content. (Обратите внимание, что это будет использовать только раздел head с первой страницы, остальные будут игнорироваться.)
Разный body для разных классов
приветствую, имеется общий body, но есть также дополнительный body(в другом файле), который задает отступ, так вот нужно у этого дополнительного сделать 3 разных отступа в зависимости от класса(их соответственно 3, выводятся рандомно), как это можно реализовать? Извиняюсь, время 3 ночи и голова совсем не думает и расписал наверное не очень разборчиво
В чем логика установки разных размеров шрифтов для html и для body?
Почему в Bootstrap для тега html установлен font-size: 10px; а для тега body 14px? Не пойму в.
Разный css для разных языков
Такая ситуация, на сайте одновременно буду присутствовать заголовки как на английском, так и на.
Выпадающее меню — разный размер шрифта для разных уровней меню
Есть у меня данный список, но возник вопрос: "как сделать чтобы в надписи буквы1 был шрифт 19px, а.
Разный цвет меню на разных страницах
на первом рисунке на ссылке home, при наведении всех ссылок в меню цвет ссылок березовый. нужно.
Сообщение было отмечено FC1488SM как решение
Решение
Если я правильно понял, то есть три класса, который задают разный отступ у body и которые ему присваиваются рандомно.
.s1 { background: red; } .s2 { background: green; } .s3 { background: blue; }
var randomNumber = Math.floor(Math.random() * 3) + 1; document.getElementById('example').classList.add('s' + randomNumber);
Разный масштаб сайта в разных браузерах
Все привет! Подскажите пожалуйста, как сделать, чтобы при открытии страницы гугл хром открывал ее.
Разный межбуквенный интервал в разных браузерах
Здравствуйте. Скажите пожалуйста, в реальных проектах нужно ли добиваться кроссбраузерности в.
В разных броузерах — разный размер внутренних отступов
Здравствуйте! Есть верхнее и нижнее меню. В google идеально, mozilla уже другие размеры, ie -.
Почему правило берется из body.site.fluid а не из body?
Есть 2 файла css: <link.