#13 - 속성 / 특수기호

속성

아래 속성은 모든 태그에 전역으로 사용할 수 있습니다.

속성 예시

<div class="className">
    <p style="color : black; font-size-14px;">Text</p>
    <p lang="en">Text</p>
</div>

<div id="idName">
    <p title="텍스트 설명">텍스트&nbsp;&nbsp;&nbsp;&nbsp;텍스트</p>
    <p lang="ko">&lt;텍스트&gt;</p>
    <p data-name="text">텍스트</p>
</div>

속성 설명

속성	의미	값
class	태그에 이름을 부여할 수 있는 속성. 같은 class명을 반복 사용 가능
id	태그에 이름을 부여할 수 있는 속성. 같은 id명을 반복 사용 불가능
style	태그에 css를 입힐 수 있는 속성.
title	태그에 설명을 부여할 수 있는 속성. 툴팁처럼 설명이 노출.
lang	태그에 언어를 지정하는 속성.	언어 코드
data-[이름]	사용자가 정의한 데이터 속성을 지정할 수 속성. 자바스크립트 관련 데이터를 HTML을 저장하는 용도 속성 예시 <p data-name="text">텍스트</p>
draggable	drag&drop 여부를 지정하는 속성. 기본값은 auto	true, false
hidden	태그 요소를 숨김	Boolean
tabindex	tab으로 이동할 때 순서를 지정할 수 있는 속성.

특수 기호 설명

속성	의미
 	띄어쓰기가 적용 됨
&lt;	< 를 입력할 수 있음. <는 태그의 시작점으로 인식되어, 화면에 <를 입력하고 싶을 경우 특수기호를 입력해야 함
&gt;	> 를 입력할 수 있음. >는 태그의 끝점으로 인식되어, 화면에 >를 입력하고 싶을 경우 특수기호를 입력해야 함