반응형

[HTML&CSS] HTML 태그 정리

반응형

<html lang="[LANGUAGE]"> : 언어 지정 tag


<meta charset="[ENCODING]"> : 문자 인코딩 set


<!DOCTYPE> : Html 문서형식을 정의


<meta property="og:[PROPERTY]" content="[VALUE]"> : facebook , kakao, line 등 sns에서 정보공유를 할 때, 링크된 url의 정보를 표시해주는 메타태그


<meta name="viewport" content="width=device-width, initial-scale=1.0"> : 모바일 기기 환경에서 디바이스의 크기에 맞게 해상도를 조정하는 기능을 하는 메타태그


<span> : inline tag 한 줄에 다 쓰여짐


<dfn> : 어떤 블록의 의미를 설명하는 태그. hover했을 때 의미가 나옴


<abbr> : 어떤 축약된 단어가 무엇을 의미하는 지 알고 싶을 때 쓰는 태그


<cite> : 작품의 제목을 표현하는 태그


<ruby><rt> : 어떤 글자를 다른 글자 위에 놓고 싶을 때


<time>  : 시간을 나타낼 때


<hr> : 이전과 다음 내용이 다를 때 그어주는 경계


<p> : 단락, 하나의 덩어리들은 모두 p 태그로 표현 가능


<address> : 주소표현 태그


<blockquote> : 인용할 때 쓰는 태그. semantic markup


<a href="[URL]"> : 엥커. 하이퍼텍스트 링크. 클릭시 지정된 URL로 이동됨


<dl><dt><dd> : 정의 목록<dl> 정의명 <dt> 정의에 대한 설명 <dd>


<thead><tbody><tfoot> : <thead> 제목이 있는 부분을 묶어주는 역할(RDB의 컬럼이라고 보면 됨) <tbody> 테이블 몸체 <tfoot> 테이블 끝 부분


<caption> : 테이블의 제목


<table><tr><td> : 테이블을 구성하는 요소. 테이블<table> 테이블 행<tr> 테이블 자료<td>


<th scope="[SIZE]"> : th 요소가 나타내는 범위

반응형

이 글을 공유하기

댓글

Designed by JB FACTORY