Zen HTML Elements 使用zen coding的朋友可以收藏下

作者：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公共 -  // W3C // DTD HTML 4.01 Transitional // en http://www.w3.org/tr/html4/loose.dtd>
 <html lang = ru>
 <頭>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8>
 </head>
 <身體>
 </body>
 </html>

`html：4S¶`

 <！ Doctype HTML公共 -  // W3C // DTD html 4.01 // en http://www.w3.org/tr/tr/html4/strict.dtd>
 <html lang = ru>
 <頭>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8>
 </head>
 <身體>
 </body>
 </html>

`html：xt¶`

 <！ Doctype HTML公共 -  // W3C // DTD XHTML 1.0 Transitional // en http://www.w.org/tr/xhtml1/dtd/dtd/xhtml1-transitional.dtd>
 <html xmlns = http：//www.w3.org/1999/xhtml xml：lang = ru>
 <頭>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <身體>
 </body>
 </html>

`html：xs¶`

 <！ Doctype html公共 -  // W3C // DTD XHTML 1.0嚴格//
 <html xmlns = http：//www.w3.org/1999/xhtml xml：lang = ru>
 <頭>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <身體>
 </body>
 </html>

`html：xxs¶`

 <！ Doctype HTML公共 -  // 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> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <身體>
 </body>
 </html>

`html：5¶`

 <！ doctype html>
 <html lang = ru-ru>
 <頭>
 <title> </title>
 <meta charset = utf-8>
 </head>
 <身體>
 </body>
 </html>

文件元數據

`頭`¶

 <頭> </head>

`標題`¶

 <title> </title>

`根據`¶

 <基本HREF =>

`關聯`¶

 <鏈接>

`鏈接：CSS¶`

 <link rel = stylesheet type = text/css href = style.css media = all>

`鏈接：打印`¶

 <link rel = stylesheet type = text/css href = print.css媒體= print>

`鏈接：favicon¶`

 <鏈接rel =快捷方式圖標類型=圖像/x-icon href = favicon.ico>

`鏈接：觸摸`¶

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

`鏈接：RSS¶`

 <link rel =替代類型= application/rss+xml title = rss href = rss.xml>

`鏈接：Atom¶`

 <link rel =替代類型= application/atom+xml title = atom href = atom.xml>

`元`¶

 <Meta>

`meta：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>

`風格`¶

 <樣式類型= text/css> </style>

腳本¶

`腳本`¶

 <script type = text/javascript> </script>

`腳本：src¶`

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

`noscript¶`

 <NoScript> </noscript>

節¶

`身體`¶

 <身體> </body>

`部分，第`¶

 <部分> </ection>

`導航`¶

 <NAV> </nav>

`文章，藝術`¶

 <Article> </Article>

`¶`

 <acher> </conder>

`H1¶`

 <h1> </h1>

`H2¶`

 <H2> </h2>

`H3¶`

 <H3> </h3>

`H4¶`

 <H4> </h4>

`H5¶`

 <H5> </h5>

`H6¶`

 <H6> </h6>

`hgroup，hgr¶`

 <hgroup> </hgroup>

`標題，HDR¶`

 <Header> </header>

`頁腳，ftr¶`

 <頁腳> </footer>

`地址，adr¶`

 <地址> </address>

`Div¶`

 <div> </div>

分組內容¶

`p¶`

 <p> </p>

`人力資源`¶

 <hr>

`br¶`

 <br>

`前`¶

 <pre> </pre>

`對話框，DLG¶`

 <對話> </對話框>

`blockquote，bq¶`

 <BlockQuote> </blockquote>

`ol¶`

 <OL> </ol>

`OL+` ¶

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

`ul¶`

 <ul> </ul>

`UL+` ¶

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

`李`¶

 <li> </li>

`dl¶`

 <DL> </dl>

`DL+` ¶

 <dl>
 <DT> </dt>
 <DD> </dd>
 </dl>

`dt¶`

 <DT> </dt>

`DD¶`

 <DD> </dd>

文本級語義學¶

`A¶`

 <a href => </a>

`答：鏈接`¶

 <a href = http：//> </a>

`答：郵件`¶

 <a href = mailto：> </a>

`問`¶

 <Q> </q>

`引用`¶

 <Cite> </cite>

`em¶`

 <em> </em>

`強，st¶`

 <strong> </strong>

`小的`¶

 <small> </small>

`標記`¶

 <mark> </mark>

`DFN¶`

 <DFN> </dfn>

`abbr¶`

 <abbr title => </abbr>

`首字母縮寫詞，ACR¶`

 <首字母縮寫標題=> </primony>

`時間`¶

 <Time> </time>

`進步，prog¶`

 <Progress> </progress>

`儀表`¶

 <meter> </米>

`代碼`¶

 <code> </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>

`紅寶石`¶

 <uby> </ruby>

`RT¶`

 <rt> </rt>

`RP¶`

 <RP> </rp>

編輯¶

`iins¶`

 <ins> </ins>

`del¶`

 <del> </del>

嵌入內容¶

`圖，圖`¶

 <figud> </figud>

`img¶`

 <img src = alt =>

`iframe，ifr¶`

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

`嵌入，emb¶`

 <嵌入src = type =>

`對象，obj¶`

 <對象data = type => </object>

`參數`¶

 <param name = value =>

`影片`¶

 <視頻src => </video>

`聲音的`¶

 <audio src => </audio>

`來源，src¶`

 <源>

`帆布`¶

 <canvas> </canvas>

`地圖`¶

 <地圖名稱=> </map>

`地圖+` ¶

 <地圖名稱=>
 <區域形狀= coords = href = alt =>
 </map>

`區域`¶

 <區域形狀= coords = href = alt =>

`區域：D¶`

 <區域shape =默認href = alt =>

`區域：C¶`

 <區域形狀=圓圈= href = alt =>

`區域：r¶`

 <區域shape = rect coords = href = alt =>

`區域：P¶`

 <區域形狀= poly coords = href = alt =>

表格數據¶

`桌子`¶

 <table> </table>

`表+` ¶

 <表>
 <tr>
 <td> </td>
 </tr>
 </table>

`標題，上限`¶

 <caption> </caption>

`Colgroup，Colg¶`

 <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>

`TD¶`

 <td> </td>

表格

`形式`¶

 <form Action => </form>

`表格：獲取`¶

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

`表格：發布`¶

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

`fieldset，fset¶`

 <FieldSet> </fieldSet>

`傳奇，腿`¶

 <Legend> </ligend>

`標籤`¶

 <=> </label>的標籤

`輸入`¶

 <輸入類型=>

`輸入：隱藏，輸入：H¶`

 <輸入類型=隱藏值=>

`輸入：文本，輸入：t¶`

 <輸入類型= text value = id =>

`輸入：搜索`¶

 <輸入類型=搜索值= id =>

`輸入：電子郵件`¶

 <輸入類型=電子郵件值= id =>

`輸入：URL¶`

 <輸入類型= url value = id =>

`輸入：密碼，輸入：P¶`

 <輸入類型=密碼值= id =>

`輸入：DateTime¶`

 <輸入type = dateTime value = id =>

`輸入：DateTime-Local¶`

 <輸入type = dateTime-local值= id =>

`輸入：日期`¶

 <輸入類型= date value = id =>

`輸入：月`¶

 <輸入類型=月值= id =>

`輸入：週`¶

 <輸入類型=週值= id =>

`輸入：時間`¶

 <輸入類型=時間值= id =>

`輸入：數字`¶

 <輸入類型=數字值= id =>

`輸入：範圍`¶

 <輸入類型=範圍值= id =>

`輸入：顏色`¶

 <輸入類型=顏色值= id =>

`輸入：複選框，輸入：C¶`

 <輸入類型=複選框ID =>

`輸入：無線電，輸入：r¶`

 <輸入類型=無線電ID =>

`輸入：文件，輸入：f¶`

 <輸入類型=文件ID =>

`輸入：提交，輸入：s¶`

 <輸入類型=提交值=>

`輸入：圖像，輸入：i¶`

 <輸入類型= image src = alt =>

`輸入：重置`¶

 <輸入類型= reset value =>

`輸入：按鈕，輸入：b¶`

 <輸入類型=按鈕值=>

`按鈕，BTN¶`

 <button> </button>

`選擇`¶

 <選擇ID => </select>

`選擇+` ¶

 <選擇ID =>
 <選項值=> </option>
 </select>

`Optgroup，Optg¶`

 <Optgroup> </optgroup>

`OptGroup+，Optg+` ¶

 <Optgroup>
 <選項> </option>
 </optgroup>

`選項，選擇`¶

 <選項> </option>

互動元素¶

`DataGrid，數據段`¶

 <DataGrid> </datagrid>

`數據學家，數據`¶

 <Datalist> </Datalist>

`textarea，tarea¶`

 <textarea id = cols = 30行= 10> </textarea>

`Keygen，kg¶`

 <keygen>

`輸出，出去`¶

 <uppount> </output>

`詳細信息，det¶`

 <詳細信息> </詳細信息>

`命令，cmd¶`

 <命令>

`BB¶`

 <bb> </bb>

`菜單`¶

 <菜單> </菜單>

`菜單：上下文，菜單：C¶`

 <菜單類型=上下文> </菜單>

`菜單：工具欄，菜單：T¶`

 <菜單類型=工具欄> </菜單>

有條件評論¶

`CC：IE¶`

 <！ -  [如果IE]> <！ [endif]  - >

`CC：Noie¶`

 <！ -  [如果！ ie]> <！ - > <！ -  <！ [endif]  - >

Zen HTML Elements 使用zen coding的朋友可以收藏下

html¶

html：xml¶

html：4t¶

html：4S¶

html：xt¶

html：xs¶

html：xxs¶

html：5¶