번역 : Smashing Magazine
中文 : Zen 코딩 : HTML/CSS 코드를 신속하게 작성하는 메소드
저작권을 존중하십시오. 재판을 할 때 출처를 표시하십시오!
이 기사에서는 CSS 선택기를 모방하는 구문을 사용하여 HTML 및 CSS를 빠르게 개발하는 새로운 방법을 보여줄 것입니다. Sergey Chikuyonok에 의해 개발되었습니다. HTML 코드를 쓰는 데 얼마나 많은 시간을 소비합니까 (모든 태그, 속성, 참조, 괄호 등 포함)? 편집기에 코드 프롬프트가있는 경우 작성하면 더 쉬워 지지만 여전히 많은 코드를 수동으로 입력해야합니다.
JavaScript에서는 페이지에서 특정 요소를 얻으려면 동일한 문제가 발생하여 많은 코드를 작성해야하므로 유지 관리 및 재사용이 어렵습니다. JavaScript 프레임 워크가 등장했으며 CSS 선택기 엔진도 도입했습니다. 이제 간단한 CSS 표현식을 사용하여 DOM 요소를 얻을 수 있습니다.
그러나 CSS 선택기를 사용하여 요소를 레이아웃하고 찾을 수있을뿐만 아니라 코드를 생성 할 수 있다면 어떨까요? 예를 들어, 이것을 작성하는 경우 :
div#컨텐츠> h1+p
& hellip; 그런 다음 다음과 같은 출력을 볼 수 있습니다.
<div id = "content">
<H1> </h1>
<p> </p>
</div>