HTML5의 섹션 태그란 무엇인가요? HTML5에서 섹션 태그를 중앙에 배치하는 방법은 무엇입니까? 이 문서에서는 사용자의 편의를 위해 자세한 예제를 제공합니다. HTML5의 섹션 정의 및 기능은 모두 예제입니다. (뒤에 말할 내용이 있는 요소도 있습니다 )
HTML5—새로운 의미 요소 헤더, 탐색, 섹션, 기사, 옆, 바닥글 등 #🎜 🎜#
in 이전 버전의 문서 작성과 비교하여 HTML5에서는 일부 태그가 추가되었습니다. 머리글, 바닥글, 콘텐츠 영역 등의 요소 구조 그 중 주요 구조 요소에 기사 및 섹션 요소가 추가됩니다. 그렇다면 이들 사이의 차이점은 무엇인가요? 기사를 언제 사용하고 무엇을 사용해야 할까요?기사란 무엇인가요:HTML5의 기사 태그는 무엇인가요? HTML5에서 기사 요소는 어디에 사용됩니까?
오늘은 새로운 의미 요소의
HTML5에서 섹션 요소의 역할:
섹션 요소는 기사 분할과 같이 페이지의 콘텐츠를 분할하는 데 사용됩니다. 등. 인접한 섹션 요소의 내용은 기사처럼 독립적이지 않고 관련되어 있어야 합니다. 예를 들어 다음 기사는 다음과 같습니다.<article> <header><h1>计算机各类语言介绍</h1></header> <p>本文列举了部分计算机语言的一些介绍</p> <section> <h2>JavaScript</h2> <p>js是一门……</p> </section> <section> <h2>HTML</h2> <p>HTML是一门……</p> </section> <footer>版权归微也所有</footer> </article>
HTML5에서 섹션 태그를 중앙에 배치하는 방법:
CSS 스타일, 텍스트 정렬을 사용하는 것 같습니다. center , 이것은 중앙에 있습니다. 예를 살펴보겠습니다:<!DOCTYPE HTML> <html> <meta charset="UTF-8" /> <head> <title>PHP中文网</title> </head> <script src="http://lwww.php.cn/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> </script> <style type="text/css"> html, body { margin: 0; padding: 0; } .demo {} </style> <body> <div class="demo"> <section style="text-align: center;"> <h1>title</h1> <p>2017-07-11</p> </section> </div> </body> </html>
<div class="blog"> <section class="post"> <h2 class="post-title">Blog Post Title</h2> <p class="post-excerpt">Ice cream tart powder jelly-o. Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p> </section> <section class="post"> <h2 class="post-title">Blog Post Title</h2> <p class="post-excerpt">Ice cream tart powder jelly-o. Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p> </section> <section class="post"> <h2 class="post-title">Blog Post Title</h2> <p class="post-excerpt">Ice cream tart powder jelly-o. Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p> </section> </div>
【요소에는 할 말이 있습니다】
section:HTML IMG 태그의 속성은 무엇인가요? IMG 태그 사용법 이해하기
HTML5에서 웹이란 무엇인가요? 웹 스토리지의 요소는 무엇인가요?
위 내용은 HTML5의 섹션 태그란 무엇입니까? HTML5에서 섹션 태그를 중앙에 배치하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!