[MUSIC]
В предыдущем уроке я ссылался на класс навигации, который используется в Bootstrap для
создания навигационных структур.
Мы исследовали навигационную навигацию уже в предыдущем модуле.
В этой лекции
мы рассмотрим навигационные вкладки и навигационные таблетки немного более подробно.
И упражнение, которое следует за этим, мы
рассмотрим, как мы используем это для создания структуры навигации для нашей веб-страницы.
Вкладки и таблетки обеспечивают интересную структуру навигации для нашей веб-страницы.
Они позволят вам заключать содержимое внутри вашей веб-страницы, что
пользователь может перемещаться между содержимым без перезагрузки
веб-страницы на другую веб-страницу.
Поэтому, если у вас есть определенное количество контента, который будет представлен на вашей веб-странице,
но вы хотите показать только часть контента на вашей веб-странице, но
все же предоставить пользователю возможность навигации к другим частям контента,
то вкладки и таблетки могут быть очень полезны для этой цели.
Что лучше, чем просто пойти и взглянуть на использование вкладок и
таблеток в навигации?
Взглянув на пример использования вкладок в навигации,
вы увидите, что в данном конкретном случае у вас есть
информация о корпоративном лидерстве на нашей странице aboutus.html,
вложенная внутри вкладок с навигацией по вкладкам сверху.
Таким образом, вы можете видеть, что у вас есть четыре разных корпоративных лидера,
представленных в их собственной вкладке здесь.
А содержание, раскрытое в настоящее время на веб-странице, - это только
детали о первом корпоративном лидере.
Поэтому, если вы хотите переключиться на других, то вы просто нажимаете
на соответствующую вкладку, а затем раскрываете этот контент на вашей веб-странице.
Поэтому обратите внимание, что мы не переходим на другую веб-страницу, но
мы просто раскрываем содержимое, используя эту вкладку навигации здесь.
Вместо этого, в некоторых случаях вы можете найти
навигацию на основе столба более полезной для вашей цели.
Таким образом, навигация на основе колонн работает вот так.
Таким образом, у вас все еще есть та же навигационная структура сверху, но
отображаемая в настоящее время информация будет выделена как таблетка здесь.
Поэтому, если вы переключитесь на другую часть навигации, обратите внимание, как
этот конкретный элемент подсвечивается на веб-странице,
и соответствующая информация отображается в содержимом вкладки внизу.
Таким образом, это навигация на основе столбов.
Таким образом, это использует навигационные таблетки вместо вкладок навигации для
класса, применяемого к классу навигации там.
Теперь, когда вы видели пример использования навигации с вкладками и вытягиванием
на веб-странице, я уверен, что вам интересно узнать, как она на самом деле построена.
Это то, что мы собираемся изучить в следующем упражнении.
Таким образом, мы будем использовать вкладки навигации, а затем использовать содержимое
вкладок и панели вкладок, чтобы организовать фактическое содержание, которое будет отображаться на нашей веб-странице.
[ МУЗЫКА]