트위터 마크업 챌린지 - (5) Main
전체 구조를 위해서는 여기를 참조
Main
main 말 그대로, 본문에 있어서 가장 핵심이 되는 내용들을 묶어주는 역할을 한다
유의할 점
main 태그는 한번만 사용!
하나의 HTML 문서에는 하나의 main 태그만 사용할 수 있다!
따라서 sectioning elements 안에 올 수 없다
핵심을 모아놓은 부분이므로,
- section
- article
- aside
등의 태그 안에 들어올 수 없다!
가능하다면 3단 구성으로 짜보자!
가능하다면, header - main - footer 의 서론 - 본론 - 결론 구성으로 해보도록 하자!
main은 sectioning element가 아니기 때문에, heading 태그를 작성할 필요가 없다!
코드 작성
main
<main>
<header>
<h1>Home</h1>
<button type="button" aria-label="Timeline options">
<!-- Icon -->
</button>
<div>
<h2>Home shows you top Tweets first</h2>
<button type="button">
<strong>See latest Tweets instead</strong>
<span>You'll be switched back Home after you've been away for a while.</span>
</button>
<a href="#">
<!-- Icon -->
View content preferences
</a>
</div>
</header>
</main>
Author And Source
이 문제에 관하여(트위터 마크업 챌린지 - (5) Main), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@frenchkebab/트위터-마크업-챌린지-5-Main저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)