세그먼트/패턴/체형 태그 정보
2539 단어 HTML
세그먼트 표시
표현절.
index.html
<section>
<h1>見出し</h1>
<p>本文</p>
</section>
제목이 있어야 돼요.제목 없음 = 섹션 또는 섹션 아님
• 장과 절의 구분 및 정리 등에 사용
• 의미와 기능의 통일
·div와 달리 상하문적 의미를 가진 내용에 사용됩니다.따라서 섹션에 제목이 있어야 합니다
• 문장의 논리적 구조용 라벨
・article과 마찬가지로 레이아웃에 사용되지 않음
/포함 가능 문서
억지로 쓰지 않아도 된다
・ 컨테이너로 사용하면 div 사용
Article 레이블
페이지의 주요 내용을 나타내는 요소
index.html
<article>
<h1>Title</h1>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
</article>
· 블로그용 투고, 기사 1편, 논평 1편 등 독립적으로 성립된 내용· article은 섹션과 같고 상하문적 의미가 있는 내용에 사용
· 내부의article가 외부의article 내용과 관련이 있다면article 내부를 (끼워넣기) 할 수 있다.또한 섹션도 포함될 수 있습니다.
・기본적으로 div를 사용하지 않고 배치합니다.
억지로 쓰지 않아도 된다
고정 태그
이미지 등의 요약을 나타낼 때 사용됩니다.
구체적으로 말하면 내용에 삽입된 이미지(사진), 테이블, 원본 코드 등을 포위한다.
index.html
<figure>
<figcaption>
注釈(説明文)
</figcaption>
<img src="" alt=""> //画像
</figure>
divタグ
일 수도 있지만 figureタグ
로 둘러싸여 그림이 있다고 판단하기 쉽다.또한figure 요소는 자체적으로 완성된 것이기 때문에 문서의 주요 절차에서 단독 단원으로 참조되어야 한다.즉, 이 부분을 파일에서 잘라내더라도 원래의 파일에 영향을 주지 않는 동시에 잘라낸 내용 자체의 뜻을 통과시켜야 한다는 것이다.figcaption 요소를 통해 설명을 추가할 수 있습니다.
Reference
이 문제에 관하여(세그먼트/패턴/체형 태그 정보), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/annaaida/items/f58cd81a796d425ef40f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)