개발자의 개발 블로그

태그를 직접 입력하면, 시간도 오래 걸리고 오타 확률이 늘어난다.

자동으로 태그를 생성하는 방법은 다음과 같다.

1. 가장 간단히, div 입력 후, 자동완성을 이용해서 태그를 선택한다.(HTML Snippets 이 깔려있어야 한다)

2. 태그와 함께 id나 class 바로 만들기

p.className를 입력하면, p 태그에 className이라는 class 속성이 들어간채로 생성된다.

a.uniqueValue를 입력하면, a 태그에 uniqueValue라는 id 속성이  들어간채로 생성된다.

3. div 만들기 

태그를 입력하지 않고 하면, 기본적으로 div 태그가 만들어진다.

.name 입력한 뒤, 엔터를 입력(아래와 같이 하단에 Emmet Abbreviation) 이 나와야 함.

결과

<div class="name"></div>

#name 입력한 뒤, 엔터를 입력.

결과

<div id="name"></div>

id와 class를 여러개 만들고 싶다면?

.className#idName

결과

<div class="className" id="idName"></div>

.className#idName.dekek.ekek

결과

<div class="className dekek ekek" id="idName"></div>

하지만, id는 한개만 생성할 수 있으므로,

.className#idName.dekek.ekek#lastID

결과

<div class="className dekek ekek" id="lastID"></div>

와 같이 마지막 #값이 id 값이된다.