day26) [HTML] HTML 기본 콘텐츠 카테고리

https://abcdqbbq.tistory.com/5

HTML inline(인라인) vs block(블록) 요소

 

[콘텐츠 카테고리 종류]

카테고리

1. 메타데이터 콘텐츠

2. 플로우 콘텐츠

3. 섹션 콘텐츠

4. 임베티드 콘텐츠

5. 인터렉티브 콘텐츠

6. 헤딩 콘텐츠

7. 프레이징 콘텐츠

 

 

[메타데이터 콘텐츠]

웹 문서와 관련된 정보를 표현하는 콘텐츠와 다른 문서와의 관계를 유지하는 콘텐츠

base, command, link, meta, noscript, script, style, title

 

 

[플로우 콘텐츠]

 대부분 body태그 안에서 사용되는 컨텐츠

<a>	<a> 태그는 하이퍼 링크를 정의합니다.
<address>	<address> 태그는 웹 페이지의 연락처 정보를 설정합니다.
		<area>	<area> 태그는 이미지 맵의 영역을 정의합니다.
<article>	<article> 태그는 웹 문서 내에 독립적인 컨텐츠를 정의합니다.
<aside>	<aside> 태그는 웹 문서 내에 사이드 컨텐츠를 정의합니다.
<audio>	<audio> 태그는 오디오 파일을 정의합니다.
<blockquote>	<blockquote> 태그는 긴 문장의 인용문을 정의합니다.
<br>	<br> 태그는 텍스트를 줄바꿈 할 때 사용합니다.
<button>	<button> 태그는 클릭 할 수 있는 버튼을 설정합니다.
<del>	<del> 태그는 문서의 삭제된(delete) 텍스트를 정의합니다.
<details>	<details> 태그는 컨텐츠를 숨기거나 보여줄 수 있습니다.
<div>	<div> 태그는 문서의 영역을 나누거나 그룹화 할 때 사용합니다.
<em>	<em> 태그는 텍스트를 강조하는데 사용합니다.
<embed>	<embed> 태그는 외부 어플리케이션을 연결합니다.
<form>	<form> 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 정의합니다.
<h1>~<h6>	<h1> ~ <h6> 태그는 제목 영역을 설정합니다.
<header>	<header> 태그는 웹 문서 내에 소개 및 내비 영역을 정의합니다.
<hr>	<hr> 태그는 단란간의 주제별 구분을 나타냅니다.
<i>	<i> 태그는 기술적인 구문, 다른 언어 및 사상, 선박이름에 정의합니다.
<iframe>	<iframe> 태그는 HTML문서 내에 다른 문서를 포함하는데 사용합니다.
<img>	<img> 태그는 문서에 이미지를 표현할 때 사용합니다.
<input>	<input> 태그는 데이터를 입력할 수 있는 폼 컨트롤을 정의합니다.
<label>	<label> 태그는 <input> 요소의 라벨을 지정합니다.
<map>	<map> 태그는 이미지 맵을 정의합니다.
<mark>	<mark> 태그는 참조용 표시를 정의합니다.
<nav>	<nav> 태그는 웹 문서 내에 네비게이션 링크를 정의합니다.
<object>	<object> 태그는 문서내에 포함된 멀티미디어 요소를 정의합니다.
<ol>	<ol> 태그는 순서가 있는 목록(ordered list)을 정의합니다.
<output>	<output> 태그는 계산의 결과를 보여줍니다.
<p>	<p> 태그는 문단(paragraph)을 정의합니다.
<pre>	<pre> 태그는 마크업의 공백 및 줄바꿈을 정의합니다.
<progress>	<progress> 태그는 작업의 진행상태를 정의합니다.
<ruby>	<ruby> 태그는 루비 주석을 정의합니다.
<s>	<s> 태그는 정확하지 않거나 올바르지 않은 텍스트를 정의합니다.
<samp>	<samp> 태그는 컴퓨터 프로그램의 샘플 출력을 식별하기위한 요소입니다.
<script>	<script> 태그는 스크립트를 정의합니다.
<section>	<section> 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다.
<select>	<select> 태그는 선택 목록을 정의합니다.
<span>	<span> 태그는 인라인 요소 그룹화를 정의합니다.
<strong>	<strong> 태그는 중요한 의미를 갖는 텍스트를 정의합니다.
<style>	<style> 태그는 문서에 대한 스타일 정보를 정의합니다.
<sub>	<sub> 태그는 텍스트 아래첨자(subscript)를 정의합니다.
<table>	<table> 태그는 표를 정의합니다.
<textarea>	<textarea> 태그는 여러줄의 텍스트를 편집할 수 있는 컨트롤을 정의합니다.
<ul>	<ul> 태그는 순서가 없는 목록을 정의합니다.
<var>	<var> 태그는 프로그램 코드에서 변수를 정의합니다.
<video>	<video> 태그는 미디어 영상을 재생합니다.

 

 

[섹션 콘텐츠]

:웹문서의 섹션 영역을 정의하는 콘텐츠

<article>	<article> 태그는 웹 문서 내에 독립적인 컨텐츠를 정의합니다.
<aside>	<aside> 태그는 웹 문서 내에 사이드 컨텐츠를 정의합니다.
<nav>	<nav> 태그는 웹 문서 내에 네비게이션 링크를 정의합니다.
<section>	<section> 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다.

 

 

[임베디드 콘텐츠]

다른 소스를 가져오거나 삽입시키는 콘텐츠

<audio>	<audio> 태그는 오디오 파일을 정의합니다.
<iframe>	<iframe> 태그는 HTML문서 내에 다른 문서를 포함하는데 사용합니다.
<img>	<img> 태그는 문서에 이미지를 표현할 때 사용합니다.
<object>	<object> 태그는 문서내에 포함된 멀티미디어 요소를 정의합니다.
<svg>	<svg> 태그는 벡터 방식의 그림을 정의합니다.
<video>	<video> 태그는 미디어 영상을 재생합니다.

 

[인터렉티브]

사용자와의 상호작용을 위해 사용되는 컨텐츠

a, button, details, embed, iframe, select, textarea, keygen, label

 

[헤딩 콘텐츠]

웹 문서의 제목 영역을 정의하는 콘텐츠

<h1>~<h6>

<h1> ~ <h6> 태그는 제목 영역을 설정합니다.

 

 

[프레이징]

문장과 텍스트가 관련된 컨텐츠

abbr, audio, b, bdi, bdo, br, button, canvas, cite, code, command, datalist,
dfn, em, embed, i, iframe, img, input,
kbd, keygen, label, mark, math, meter, noscript, object, output, progress, q, ruby, s, samp, 
script, select, small, span, strong, sub, sup, svg, textarea, time,
var, video, wbr, text

 

 

 

-참고사이트-

https://webzz.tistory.com/223

[HTML] HTML 카테고리