Главная / Верстка / Теги html / summary тег html

summary тег html


12.07.2013 21:352564

Описание

Тег summary в html используется для определения видимого заголовка элемента для тега  <details> по которому можно щелкать для разворачивания/сворачивания информации.

Тег <summary> должен находиться первым внутри тега<details>.  Визуально это может напоминать пункт меню-гармошки. При клике открывается скрытая часть.

В результате мы получим  видимость только строчки текста находящейся между тегами <summary></summary>.

Остальной текст будет скрыт , и при клике будет становиться видимым.

Пример

<!DOCTYPE html>
<html>	  
<head>
<meta charset="utf-8">
<title>Тег summary</title>
</head>
	    
  <body>

   <details>
            <summary>HTML 5</summary>
            <p>в HTML5 используется для определения видимого заголовка элемента для тега  details 
               по которому можно щелкать для разворачивания/сворачивания информации. Тег summary 
               должен находиться первым</p>
   </details>
      
  </body>	
</html>

 

 

 

 


Синтаксис html и наличие закрывающего тега

Синтаксис Закрывающий тег
<details"><summary">..</summary">...</details> обязателен

Браузеры поддерживающие <summary>

Element
<summary> 12.0 Not supported 48.0 6.0 15.0


Html , Summary , Тег , Тег Html





«summary тег html» - Похожие страницы

Нет записей


Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям