HTML первые шаги - урок 9 - Создание меню

admin друпал drupal

Основным элементом сайта является меню (навигация). Через него происходит перемещение по страницам сайта. Также меню важно для индексации сайта поисковиками, без связи между страницами поисковик не сможет пройти по всем страницам. Давайте посмотрим из чего состоит меню.

Для меню обычно используюет ненумерованный список (теги ul, li), таким образом каждый пункт меню это элемент списка:

...
<ul>
  <li></li>
  <li></li>
<ul>
...

Внутри тега li обычно вставляют ссылки на страницы:

...
<ul>
  <li>
    <a href="page1.html">Первая страница</a>
  </li>
  <li>
    <a href="page2.html">Вторая страница</a>
  </li>
<ul>
...

Также довольно часто задают классы и id для меню и его пунктов:

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">Первая страница</a>
  </li>
  <li class="item-2">
    <a href="page2.html">Вторая страница</a>
  </li>
<ul>
...

Заметьте также, что страницы на которые осуществляется переход (page1.html, page2.html) должны существовать иначе браузер не поймет, куда вы хотите его послать.

 

Комментарии

Добавить комментарий

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook
(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.