22.1.26|콘텐츠 카테고리

셀라문·2022년 2월 9일
0

HTML

목록 보기
5/17

콘텐츠 카테고리

메타데이터 콘텐츠

  • 문서의 메타 데이터, 다른 문서를 가리키는 링크 등을 나타내는 요소
  • ex) <base>, <link>, <meta>, <noscript>, <script>, <style>, <title>

플로우 콘텐츠

  • 웹 페이지상 메타데이터를 제외하고 거의 모든 요소

  • 플로우 콘텐츠 카테고리에 속한 요소는 보통 텍스트나 내장 콘텐츠를 포함합니다.

  • ex) <a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi> (en-US), <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <main>, <map>, <mark>, <math> (en-US), <menu>, <meter>, <nav>, <noscript>, <object>, <ol>, <output>, <p>, <picture> (en-US), <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <section>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <template>, <textarea>, <time>, <ul>, <var>, <video>, <wbr>, 텍스트

섹션 콘텐츠

  • 웹 문서의 구획을 나눌 때 사용

  • 구획 콘텐츠 모델에 속한 요소는 현재 개요에서 <header>, <footer>, 제목 콘텐츠의 범위를 정의하는 구역을 생성합니다.

  • ex) <article>, <aside>, <nav>, <section>

헤딩 콘텐츠

  • 섹션의 제목과 관련된 요소
  • ex) <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hgroup>.

<header> 요소는 보통 제목을 포함하지만 제목 콘텐츠는 아닙니다.

프레이징 콘텐츠

  • 문단에서 텍스트를 마크업 할 때 사용

임베디드 콘텐츠

  • 이미지나 비디오 등 외부 소스를 가져오거나 삽입할 때 사용되는 요소
  • ex) <audio>, <canvas>, <embed>, <iframe>, <img>, <math> (en-US), <object>, <picture> (en-US), <svg> (en-US), <video>.

인터랙티브 콘텐츠

  • 사용자와의 상호작용을 위한 컨텐츠 요소
  • ex) <a>, <button>, <details>, <embed>, <keygen>, <label>, <select>, <textarea>
profile
취미로 하는 공부기록장

0개의 댓글