세그먼트/패턴/체형 태그 정보

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 요소를 통해 설명을 추가할 수 있습니다.

좋은 웹페이지 즐겨찾기