zen html 요소 Zen 코딩을 사용하는 친구들은 그것을 북마크 할 수 있습니다.

저자：Eve Cole 업데이트 시간：2025-05-29 03:16:01

`HTML` ¶

 <html> </html>

`HTML : XML` ¶

 <html xmlns = http : //www.w3.org/1999/xhtml xml : lang = ru> </html>

`HTML : 4T` ¶

 <! doctype html public- // w3c // dtd html 4.01 Transitional // en http://www.w3.org/tr/html4/loose.dtd>
 <html lang = ru>
 <헤드>
 <제목> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8>
 </head>
 <body>
 </body>
 </html>

`HTML : 4S` ¶

 <! doctype html public- // w3c // dtd html 4.01 // en http://www.w3.org/tr/html4/strict.dtd>
 <html lang = ru>
 <헤드>
 <제목> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8>
 </head>
 <body>
 </body>
 </html>

`HTML : XT` ¶

 <! doctype html public- // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
 <html xmlns = http : //www.w3.org/1999/xhtml xml : lang = ru>
 <헤드>
 <제목> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <body>
 </body>
 </html>

`HTML : XS` ¶

 <! doctype html public- // w3c // dtd xhtml 1.0 엄격한 // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
 <html xmlns = http : //www.w3.org/1999/xhtml xml : lang = ru>
 <헤드>
 <제목> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <body>
 </body>
 </html>

`HTML : XXS` ¶

 <! doctype html public- // w3c // dtd xhtml 1.1 // en http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd>
 <html xmlns = http : //www.w3.org/1999/xhtml xml : lang = ru>
 <헤드>
 <제목> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <body>
 </body>
 </html>

`HTML : 5` ¶

 <! doctype html>
 <html lang = ru-ru>
 <헤드>
 <제목> </title>
 <meta charset = utf-8>
 </head>
 <body>
 </body>
 </html>

문서 메타 데이터 ¶

`머리` ¶

 <헤드> </head>

`제목` ¶

 <제목> </title>

`기본` ¶

 <베이스 href =>

`링크` ¶

 <link>

`링크 : CSS` ¶

 <link rel = 스타일 시트 유형 = text/css href = style.css media = all>

`링크 : 인쇄` ¶

 <link rel = 스타일 시트 유형 = text/css href = print.css media = print>

`링크 : Favicon` ¶

 <link rel = 바로 가기 아이콘 유형 = image/x-iCon href = favicon.ico>

`링크 : 터치` ¶

 <link rel = apple-touch-iCon href = favicon.png>

`링크 : RSS` ¶

 <link rel = 대체 유형 = 응용 프로그램/rss+xml title = rss href = rss.xml>

`링크 : Atom` ¶

 <link rel = Alternate Type = Application/Atom+XML 제목 = Atom Href = atom.xml>

`메타` ¶

 <메타>

`메타 : UTF` ¶

 <meta http-equiv = content-type content = text/html; charset = utf-8>

`메타 : 승리` ¶

 <meta http-equiv = content-type content = text/html; charset = win-1251>

`메타 : Compat` ¶

 <meta http-equiv = x-ua 호환 내용 = ie = 7>

`스타일` ¶

 <스타일 유형 = 텍스트/css> </style>

스크립팅 ¶

`스크립트` ¶

 <script type = text/javaScript> </script>

`스크립트 : SRC` ¶

 <script type = text/javaScript src => </script>

`noscript` ¶

 <noscript> </noscript>

섹션 ¶

`몸` ¶

 <body> </body>

`섹션, 섹션` ¶

 <섹션> </섹션>

`NAV` ¶

 <av> </nav>

`기사, 예술` ¶

 <기사> </article>

`제쳐서` ¶

 <따로> </따로>

`H1` ¶

 <H1> </h1>

`H2` ¶

 <H2> </h2>

`H3` ¶

 <H3> </h3>

`H4` ¶

 <H4> </h4>

`H5` ¶

 <H5> </h5>

`H6` ¶

 <H6> </h6>

`HGROUP, HGR` ¶

 <hgroup> </hgroup>

`헤더, HDR` ¶

 <헤더> </header>

`바닥 글, ftr` ¶

 <FUTER> </풋내기>

`주소, adr` ¶

 <주소> </주소>

`div` ¶

 <div> </div>

콘텐츠 그룹화 ¶

`P` ¶

 <p> </p>

`HR` ¶

 <HR>

`Br` ¶

 <br>

`사전` ¶

 <pre> </pre>

`대화, dlg` ¶

 <대화식> </dialog>

`블록 쿼트, BQ` ¶

 <blockquote> </blockquote>

`OL` ¶

 <ol> </ol>

`ol+` ¶

 <ol>
 <li> </li>
 </ol>

`ul` ¶

 <ul> </ul>

`UL+` ¶

 <ul>
 <li> </li>
 </ul>

`Li` ¶

 <li> </li>

`DL` ¶

 <dl> </dl>

`DL+` ¶

 <dl>
 <dt> </dt>
 <dd> </dd>
 </dl>

`DT` ¶

 <dt> </dt>

`DD` ¶

 <dd> </dd>

텍스트 수준 시맨틱스 ¶

`A` ¶

 <a href => </a>

`A : 링크` ¶

 <a href = http : //> </a>

`A : 메일` ¶

 <a href = mailto :> </a>

`Q` ¶

 <q> </q>

`인용` ¶

 <Cite> </cite>

`EM` ¶

 <em> </em>

`강력하고 str` ¶

 <strong> </strong>

`작은` ¶

 <Small> </small>

`표시` ¶

 <마크> </Mark>

`DFN` ¶

 <dfn> </dfn>

`ABBR` ¶

 <abbr 제목 => </abbr>

`약어, ACR` ¶

 <아크로 랜드 제목 => </cRonym>

`시간` ¶

 <Time> </time>

`진보, Prog` ¶

 <진행> </progress>

`미터` ¶

 <meter> </meter>

`코드` ¶

 <코드> </code>

`var` ¶

 <var> </var>

`SAMP` ¶

 <samp> </samp>

`KBD` ¶

 <kbd> </kbd>

`서브` ¶

 <sub> </sub>

`SUP` ¶

 <sup> </sup>

`기간` ¶

 <span> </span>

`나` ¶

 <i> </i>

`B` ¶

 <b> </b>

`BDO` ¶

 <bdo dir => </bdo>

`BDO : R` ¶

 <bdo dir = rtl> </bdo>

`BDO : L` ¶

 <bdo dir = ltr> </bdo>

`루비` ¶

 <루비> </루비>

`RT` ¶

 <rt> </rt>

`RP` ¶

 <rp> </rp>

편집 ¶

`INS` ¶

 <ins> </ins>

`델` ¶

 <del> </del>

임베디드 콘텐츠 ¶

`그림, 그림` ¶

 <그림> </그림>

`IMG` ¶

 <img src = alt =>

`iframe, ifr` ¶

 <iframe src = frameborder = 0> </iframe>

`embed, emb` ¶

 <embed src = type =>

`물체, obj` ¶

 <개체 데이터 = 유형 => </객체>

`파라` ¶

 <param name = value =>

`동영상` ¶

 <비디오 src => </video>

`오디오` ¶

 <오디오 src => </audio>

`소스, SRC` ¶

 <소스>

`캔버스` ¶

 <canvas> </canvas>

`지도` ¶

 <지도 이름 => </map>

`지도+` ¶

 <지도 이름 =>
 <면적 모양 = coords = href = alt =>
 </map>

`영역` ¶

 <면적 모양 = coords = href = alt =>

`지역 : D` ¶

 <면적 모양 = 기본 href = alt =>

`지역 : C` ¶

 <영역 모양 = 원형 코디스 = href = alt =>

`지역 : r` ¶

 <면적 모양 = 렉트 코디 = href = alt =>

`지역 : P` ¶

 <면적 모양 = 폴리 코디스 = href = alt =>

표 데이터 ¶

`테이블` ¶

 <테이블> </테이블>

`표+` ¶

 <테이블>
 <tr>
 <td> </td>
 </tr>
 </테이블>

`캡션, 캡` ¶

 <캡션> </caption>

`콜 그룹, 콜그` ¶

 <ColGroup> </colGroup>

`Colgroup+, Colg+` ¶

 <colgroup>
 <col>
 </colgroup>

`col` ¶

 <col>

`tbody` ¶

 <tbody> </tbody>

`thead` ¶

 <Thead> </thead>

`tfoot` ¶

 <tfoot> </tfoot>

`tr` ¶

 <tr> </tr>

`TR+` ¶

 <tr>
 <td> </td>
 </tr>

`Th` ¶

 <th> </th>

`TD` ¶

 <td> </td>

형태 ¶

`형태` ¶

 <양식 액션 => </form>

`양식 : ¶ 얻기`

 <form action = method = get> </form>

`양식 : Post` ¶

 <form action = method = post> </form>

`필드 셋, FSET` ¶

 <fieldset> </fieldset>

`전설, 다리` ¶

 <전설> </범례>

`레이블` ¶

 <label for => </label>

`입력` ¶

 <입력 유형 =>

`입력 : 숨겨진, 입력 : H` ¶

 <입력 유형 = 숨겨진 값 =>

`입력 : 텍스트, 입력 : T` ¶

 <입력 유형 = 텍스트 값 = id =>

`입력 : 검색` ¶

 <입력 유형 = 검색 값 = id =>

`입력 : 이메일` ¶

 <입력 유형 = 이메일 값 = id =>

`입력 : url` ¶

 <입력 유형 = URL 값 = id =>

`입력 : 암호, 입력 : P` ¶

 <입력 유형 = 비밀번호 값 = id =>

`입력 : DateTime` ¶

 <입력 유형 = dateTime value = id =>

`입력 : dateTime-local` ¶

 <입력 유형 = dateTime-local value = id =>

`입력 : 날짜` ¶

 <입력 유형 = 날짜 값 = id =>

`입력 : 월` ¶

 <입력 유형 = 월 값 = id =>

`입력 : 주` ¶

 <입력 유형 = 주 값 = id =>

`입력 : 시간` ¶

 <입력 유형 = 시간 값 = id =>

`입력 : 번호` ¶

 <입력 유형 = 번호 값 = id =>

`입력 : 범위` ¶

 <입력 유형 = 범위 값 = id =>

`입력 : 색상` ¶

 <입력 유형 = 색상 값 = id =>

`입력 : 확인란, 입력 : C` ¶

 <입력 유형 = 확인란 ID =>

`입력 : 라디오, 입력 : r` ¶

 <입력 유형 = 무선 ID =>

`입력 : 파일, 입력 : F` ¶

 <입력 유형 = 파일 ID =>

`입력 : 제출, 입력 : S` ¶

 <입력 유형 = 제출 값 =>

`입력 : 이미지, 입력 : i` ¶

 <입력 유형 = 이미지 src = alt =>

`입력 : 재설정` ¶

 <입력 유형 = 재설정 값 =>

`입력 : 버튼, 입력 : B` ¶

 <입력 유형 = 버튼 값 =>

`버튼, btn` ¶

 <버튼> </button>

`선택하다` ¶

 <id => </select>를 선택하십시오

`선택+` ¶

 <id =>를 선택하십시오
 <옵션 값 => </옵션>
 </선택>

`optgroup, optg` ¶

 <ptgroup> </optgroup>

`OptGroup+, optg+` ¶

 <ptgroup>
 <옵션> </옵션>
 </optgroup>

`옵션, opt` ¶

 <옵션> </옵션>

대화식 요소 ¶

`Datagrid, Datag` ¶

 <datagrid> </datagrid>

`Datalist, Datal` ¶

 <datalist> </datalist>

`Textarea, Tarea` ¶

 <TextArea id = cols = 30 줄 = 10> </textRea>

`keygen, kg` ¶

 <keygen>

`출력, 출력` ¶

 <출력> </output>

`세부 사항, det` ¶

 <세부 사항> </세부 사항>

`명령, CMD` ¶

 <명령>

`BB` ¶

 <BB> </bb>

`메뉴` ¶

 <메뉴> </메뉴>

`메뉴 : 컨텍스트, 메뉴 : C` ¶

 <메뉴 유형 = context> </menu>

`메뉴 : 도구 모음, 메뉴 : T` ¶

 <메뉴 유형 = 도구 모음> </메뉴>

조건부 의견 ¶

`CC : IE` ¶

 <!-[IF]> <! [endif]->

`CC : Noie` ¶

 <!-[if! ie]> <!-> <!-<! [endif]->

zen html 요소 Zen 코딩을 사용하는 친구들은 그것을 북마크 할 수 있습니다.

HTML ¶

HTML : XML ¶

HTML : 4T ¶

HTML : 4S ¶

HTML : XT ¶

HTML : XS ¶

HTML : XXS ¶

HTML : 5 ¶

문서 메타 데이터 ¶

머리 ¶

제목 ¶

기본 ¶

링크 ¶

링크 : CSS ¶

링크 : 인쇄 ¶

링크 : Favicon ¶

링크 : 터치 ¶

링크 : RSS ¶

링크 : Atom ¶

메타 ¶

메타 : UTF ¶

메타 : 승리 ¶

메타 : Compat ¶

스타일 ¶

스크립팅 ¶

스크립트 ¶

스크립트 : SRC ¶

noscript ¶

섹션 ¶

몸 ¶

섹션, 섹션 ¶

NAV ¶

기사, 예술 ¶

제쳐서 ¶

H1 ¶

H2 ¶

H3 ¶

H4 ¶

H5 ¶

H6 ¶

HGROUP, HGR ¶

헤더, HDR ¶

바닥 글, ftr ¶

주소, adr ¶

div ¶