отзывы

Восстановление
пароля

Готово

Назад

Основы программирования
Успеха достигает тот, кто способен на время отодвинуть свои увлечения
Программист - профессия будущего!

<aside>

  • 146

  • 0

  • Нравится

    0

  • Код:567829056518

для размещения рубрик
Задайте вопрос продавцу

<aside>

грн. / шт.

Компания: Уроки программирования
Телефон: +38(093)43-03-164
Адрес: Киевская область г. Киев, с. Красное
Оставьте свой номер
<aside>

грн. / шт.

Оставьте свой номер телефона и представитель компании с вами свяжется.

     Называется «сайдбар» или «боковая панель».

Тег <aside> определяет некий блок с содержимым, расположенный сбоку от основного контента.

Контентом, заключенным в этот тег, могут быть, например, список рубрик, архивных ссылок, метки и другая информация. Обычно, такой блок называется "боковая панель" или "сайдбар".

Разница между HTML 4.01 и HTML5

Тег <aside> был добавлен в HTML5.

Общие атрибуты

Тег <aside> поддерживает общие атрибуты и атрибуты-события.

 

<p>My family and I visited The Epcot center this summer.</p>

<aside>
  <h4>Epcot Center</h4>
  <p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

Большинство браузеров будут отображать тег <aside> со следующими стилями

aside { 
    display: block;
}

Браузеры

Internet Explorer до версии 8.0 включительно игнорирует тег <aside>, но отображает его содержимое. Также в этом браузере любые стили не применяются к элементу, пока он не создан через скрипт, как показано в примере.

Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>aside</title>
  <script>
   document.createElement('aside');
   document.createElement('article');
  </script>
  <style>
   aside {
    background: #f0f0f0;
    padding: 10px;
    width: 200px;
    float: right;
   }
   article {
    margin-right: 240px;
    display: block;
   }
  </style>
 </head> 
 <body>
  <header><h1>Байки</h1></header>
  <aside>
   <p>Экономьте электричество</p>
   <p>Хороший язык</p>
   <p>Чья палка больше</p>
  </aside>
  <article>
   История о том, как приходилось экономить электричество, 
   какие меры для этого принимались, и куда оно на самом деле уходило.
  </article>
 </body> 
</html>

 

 

 

<aside> 
</aside>


<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>aside</title>
  <script>
   document.createElement('aside');
   document.createElement('article');
  </script>
  <style>
   aside {
    background: #f0f0f0;
    padding: 10px;
    width: 200px;
    float: right;
   }
   article {
    margin-right: 240px;
    display: block;
   }
  </style>
 </head> 
 <body>
  <header><h1>Байки</h1></header>
  <aside>
   <p>Экономьте электричество</p>
   <p>Хороший язык</p>
   <p>Чья палка больше</p>
  </aside>
  <article>
   История о том, как приходилось экономить электричество, 
   какие меры для этого принимались, и куда оно на самом деле уходило.
  </article>
 </body> 
</html>

 

Тег предназначен не для размещения информации сбоку, а для выделения побочной информации. Цитата рядом с колонкой статьи в журнале — это aside. Контекстная реклама — это aside. Карточка статьи в википедии — это aside. Комментарии в гугл документах — это aside.

Отзывов нет

Публикация отзыва производится после предварительной модерации

Отправить

Случайные статьи