HTML5의 섹션 태그란 무엇입니까? HTML5에서 섹션 태그를 중앙에 배치하는 방법은 무엇입니까?
- 寻∝梦원래의
- 2018-08-15 13:29:1612110검색
HTML5의 섹션 태그란 무엇인가요? HTML5에서 섹션 태그를 중앙에 배치하는 방법은 무엇입니까? 이 문서에서는 사용자의 편의를 위해 자세한 예제를 제공합니다. HTML5의 섹션 정의 및 기능은 모두 예제입니다. (뒤에 말할 내용이 있는 요소도 있습니다 )
HTML5—새로운 의미 요소 헤더, 탐색, 섹션, 기사, 옆, 바닥글 등 #🎜 🎜#
in 이전 버전의 문서 작성과 비교하여 HTML5에서는 일부 태그가 추가되었습니다. 머리글, 바닥글, 콘텐츠 영역 등의 요소 구조 그 중 주요 구조 요소에 기사 및 섹션 요소가 추가됩니다. 그렇다면 이들 사이의 차이점은 무엇인가요? 기사를 언제 사용하고 무엇을 사용해야 할까요?기사란 무엇인가요:HTML5의 기사 태그는 무엇인가요? HTML5에서 기사 요소는 어디에 사용됩니까?
오늘은 새로운 의미 요소의 2f8332c8dcfd5c7dec030a070bf652c3 요소 정의에 대해 이야기하겠습니다.
071224af4f244592ddfe4337dfa2805c: 문서 내 섹션(섹션, 섹션)을 정의합니다. 장, 머리글, 바닥글 또는 문서의 기타 부분과 같은 섹션에는 일반적으로 일련의 콘텐츠와 제목이 포함됩니다.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 요소를 사용하는 것이 좋습니다. 25edfb22a4f469ecb59f1190150159c6 요소와 유사하게 섹션 요소는 콘텐츠를 나열하는 데 사용됩니다. 실제 예에서 2f8332c8dcfd5c7dec030a070bf652c3 요소를 사용하는 이유는 블로그의 콘텐츠를 구조화하기 위한 것입니다. <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> 요소는 다른 목적으로도 사용될 수 있습니다.
【요소에는 할 말이 있습니다】
section:HTML IMG 태그의 속성은 무엇인가요? IMG 태그 사용법 이해하기
HTML5에서 웹이란 무엇인가요? 웹 스토리지의 요소는 무엇인가요?
위 내용은 HTML5의 섹션 태그란 무엇입니까? HTML5에서 섹션 태그를 중앙에 배치하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.