VScode에 HTML을 쓸 때 생략 기호를 사용하면 코드를 빨리 쓸 수 있다

1242 단어 CSSHTMLVS Codetech
VScode는 기본적으로 Emmet을 포함합니다.
HTML 및 CSS는 생략 기법으로 작성할 수 있습니다.
생략 기법을 사용하면 HTML을 빨리 쓸 수 있다
같은 거 하나씩 손으로 쓰면 오늘 그만!
편리한 라벨에 대체로 쓰기 방법이 쓰여 있다.
https://docs.emmet.io/cheat-sheet/
이번에는 기본적인 것만 소개!

태그 쓰고 싶어요.


div
라고 쓰시고 Enter 누르시면 됩니다.
<div></div>

태그에 클래스를 쓰고 싶어요.


쓰다
div.tag-name

해시태그에 아이디 이름 쓰려고요.


쓰다
<div class="tag-name"></div>

형제 둘이 div 태그랑 p 태그 쓰고 싶어요.


쓰다
div#class-name

요소를 반복해서 쓰고 싶어요.


쓰다
<div id="class-name"></div>

요소 중첩하기


쓰다
div+p

응용 프로그램


책상 을 생략 기법 으로 쓰다


쓰다
<div></div>
<p></p>

결론


생략 기법을 사용하면 바로 HTML을 쓸 수 있습니다!!

좋은 웹페이지 즐겨찾기