首页>网页设计教程>HTML教程

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，数据段

 <Da​​taGrid> </datagrid>

数据学家，数据

 <Da​​talist> </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]  - >
相关文章