как соединить страницы сайта?
Доброго дня! Сделал 100 страниц в html. Как их соединить между собой, чтобы в нужной последовательности шли. Думаю, что ставить ссылки со страницы на страницу, где это делать? (в смысле, где на странице html ставить ссылку на другой страницу и т.д.). спасибо.
- Google: разное количество рекламы в AMP и HTML-версии страницы вполне допустимо
- Вебвизор научился записывать содержание страниц с уникальным контентом
- Стартовал конкурс SEO-статей с призовым фондом $1000
На сайте с 31.03.2007
4 января 2008, 13:15
Jura.:
Как их соединить между собой, чтобы в нужной последовательности шли.
Вы не уточнили задачи (темы страниц, т.е. конкурентности ситуации в выдаче).
Типовая — иерархическая структура:
Главная —> раздел —> страница
(и обратно: страница —> раздел —> Главная
или: страница —> Главная)
тогда — чем меньше кликов с морды до страницы, тем она получается важнее (более тяжёлые запросы — на более важную легче).
Чем больше ссылок ведёт на страницу, тем она (теоретически) важнее.
Структуры, как и задачи могут быть разными.
Как сделать много страниц на сайте?
Здраствуйте. У меня есть сайт с различными новостями,статями и т.д но главная страница слишокм большая из за этого сайт долго грузится , поэтому я хочу разделить главную страницу на несколько страниц ( допустим у меня есть 20 статий, я хочу разделить их по 5шт на каждой странице, а после пятого добавить примерно такой переход на другие страницы, но проблема в том что я каждый раз буду добавлять туда новые стати, а новые стати должны быть на первой странице поэтому если прото сделать новые html файлы и скопировать туда код мне надо будеть каждый раз копировать Все страницы и перемешать на одну страницу назад. А как сделать так чтобы при добавлении новый статий они автоматически появлялись на первой странице а страые перешли на одну страницу назад. возможно ли такое? Извените если слишком запутанно, можете спросить в комментах.
- Вопрос задан более года назад
- 594 просмотра
5 комментариев
Простой 5 комментариев
как связать все готовые страницы между собой
Подскажите как связать все готовые страницы между собой, чтобы можно было переходить по страницам сайта? И сделать подсветку активного пункта меню.
Наталья Троегубова
4 years ago
Если без бэкенда, просто на все пункты меню навешиваете ссылки на страницы, например, «/films.html» или «/contacts.html»
на каждой странице пункт меню делаете выделенным, соответствующий этой странице.
в принципе зная верстку — статичные сайты небольшие из нескольких страниц так можно делать.
Вадим Семенов
4 years ago
я новичек, можно более простыми словами обьяснить
Наталья Троегубова
4 years ago
Господа админы, где вообще можно подсмотреть исходный код готового сайта по урокам HTM/CSS?
Наталья Троегубова
4 years ago
так в последнем уроке же есть финальный сайт в исходниках под видео
Вадим Семенов
4 years ago
если до 9.3 дошли — уже наверное «продвинутый» новичек )
Вадим Семенов
4 years ago
хотелось бы HTML верстку посмотреть, а в конце урока 9.3 только CSS исходны код.
Наталья Троегубова
4 years ago
Для подсветки необходимого пункта меню надо переместить selected на соответствующую страницу. Например, в файле films.html в Sublime text перенести selected на страницу Фильмы:
Вкладки (страницы) на одной странице на html/css с помощью :target
Рассмотрим один из вариантов создания нескольких страниц или вкладок (в том числе вложенных) на html и css без скриптов, списков и таблиц, на одной html странице. Только дивы, только хардкор. Подходит для небольших портфолио и элементов интерфейса. Не будьте буратинами используя это везде подряд.
Суть:
Современные браузеры загружают содержимое только если блок виден, поэтому костыли для загрузки контента (картинок) отменяются.
Коротко: ссылка на блок делает его видимым, при том что по-умолчанию они невидимы (поэтому обратно display:none когда выделяем другие); сделать невидимым первый блок если выделен _не он_, так как по-умолчанию он виден. Собственно, это всё. Теперь реализация.
HTML. Разделим блок на 3 страницы и один на 3 вкладки, для наглядности:
#one #two #three #one #two #three #one #two #three Перейдём к разметке, здесь всё внезапно очень просто (но не очевидно) и валидно, никаких нестандартных изощрений:
div < display: none; >/* Делаем блок по-умолчанию невидимым */ div:target < display: block; >/* Выделенный блок видим */ /* Теперь магия, т.е. регулярные выражения, для удобства */ div[id*=t]:target ~ #one < /* Для всех блоков, содержащих "t" в идентификаторе, делаем #one невидимым */ display: none; >/* Обошлись одной буквой конкретно в этом случае, иначе придётся просто прописывать "tab" для всех вкладок сразу и отдельно для каждого не-#one */ div[id*=tab]:target ~ #three < /* На последок, для всех вкладок делаем третью страницу видимой */ display: none; >Реализовать подобное можно разными способами, но по-моему это самый логичный — без извращений в виде представления ссылок кнопками, списками, скриптами и прочей ересью, ссылка это ссылка, а блок это блок.