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

所属分类：网页制作 / HTML/Xhtml 阅读数： 203

收藏 0赞 0分享

`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"> 
<head> 
    <title></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"> 
<head> 
    <title></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"> 
<head> 
    <title></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 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> 
<head> 
    <title></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"> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> 
</head> 
<body> 
 
</body> 
</html>

`html:5`¶

<!DOCTYPE HTML> 
<html lang="ru-RU"> 
<head> 
    <title></title> 
    <meta charset="UTF-8"> 
</head> 
<body> 
 
</body> 
</html>

Document Metadata¶

`head`¶

<head></head>

`title`¶

<title></title>

`base`¶

<base href="">

`link`¶

<link>

`link:css`¶

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

`link:print`¶

<link rel="stylesheet" type="text/css" href="print.css" media="print">

`link:favicon`¶

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

`link:touch`¶

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

`link:rss`¶

<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">

`link:atom`¶

<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml">

`meta`¶

<meta>

`meta:utf`¶

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

`meta:win`¶

<meta http-equiv="Content-Type" content="text/html;charset=Win-1251">

`meta:compat`¶

<meta http-equiv="X-UA-Compatible" content="IE=7">

`style`¶

<style type="text/css"></style>

Scripting¶

`script`¶

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

`script:src`¶

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

`noscript`¶

<noscript></noscript>

Sections¶

`body`¶

<body></body>

`section, sect`¶

<section></section>

`nav`¶

<nav></nav>

`article, art`¶

<article></article>

`aside`¶

<aside></aside>

`h1`¶

<h1></h1>

`h2`¶

<h2></h2>

`h3`¶

<h3></h3>

`h4`¶

<h4></h4>

`h5`¶

<h5></h5>

`h6`¶

<h6></h6>

`hgroup, hgr`¶

<hgroup></hgroup>

`header, hdr`¶

<header></header>

`footer, ftr`¶

<footer></footer>

`address, adr`¶

<address></address>

`div`¶

<div></div>

Grouping Content¶

`p`¶

<p></p>

`hr`¶

<hr>

`br`¶

<br>

`pre`¶

<pre></pre>

`dialog, dlg`¶

<dialog></dialog>

`blockquote, 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>

Text-level Semantics¶

`a`¶

<a href=""></a>

`a:link`¶

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

`a:mail`¶

<a href="mailto:"></a>

`q`¶

<q></q>

`cite`¶

<cite></cite>

`em`¶

<em></em>

`strong, str`¶

<strong></strong>

`small`¶

<small></small>

`mark`¶

<mark></mark>

`dfn`¶

<dfn></dfn>

`abbr`¶

<abbr title=""></abbr>

`acronym, acr`¶

<acronym title=""></acronym>

`time`¶

<time></time>

`progress, prog`¶

<progress></progress>

`meter`¶

<meter></meter>

`code`¶

<code></code>

`var`¶

<var></var>

`samp`¶

<samp></samp>

`kbd`¶

<kbd></kbd>

`sub`¶

<sub></sub>

`sup`¶

<sup></sup>

`span`¶

<span></span>

`i`¶

<i></i>

`b`¶

<b></b>

`bdo`¶

<bdo dir=""></bdo>

`bdo:r`¶

<bdo dir="rtl"></bdo>

`bdo:l`¶

<bdo dir="ltr"></bdo>

`ruby`¶

<ruby></ruby>

`rt`¶

<rt></rt>

`rp`¶

<rp></rp>

Edits¶

`ins`¶

<ins></ins>

`del`¶

<del></del>

Embedded Content¶

`figure, fig`¶

<figure></figure>

`img`¶

<img src="" alt="">

`iframe, ifr`¶

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

`embed, emb`¶

<embed src="" type="">

`object, obj`¶

<object data="" type=""></object>

`param`¶

<param name="" value="">

`video`¶

<video src=""></video>

`audio`¶

<audio src=""></audio>

`source, src`¶

<source>

`canvas`¶

<canvas></canvas>

`map`¶

<map name=""></map>

`map+`¶

<map name=""> 
    <area shape="" coords="" href="" alt=""> 
</map>

`area`¶

<area shape="" coords="" href="" alt="">

`area:d`¶

<area shape="default" href="" alt="">

`area:c`¶

<area shape="circle" coords="" href="" alt="">

`area:r`¶

<area shape="rect" coords="" href="" alt="">

`area:p`¶

<area shape="poly" coords="" href="" alt="">

Tabular Data¶

`table`¶

<table></table>

`table+`¶

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

`caption, cap`¶

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

`td`¶

<td></td>

Forms¶

`form`¶

<form action=""></form>

`form:get`¶

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

`form:post`¶

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

`fieldset, fset`¶

<fieldset></fieldset>

`legend, leg`¶

<legend></legend>

`label`¶

<label for=""></label>

`input`¶

<input type="">

`input:hidden, input:h`¶

<input type="hidden" value="">

`input:text, input:t`¶

<input type="text" value="" id="">

`input:search`¶

<input type="search" value="" id="">

`input:email`¶

<input type=<

更多精彩内容其他人还在看

Table相关整理及Javascript操作table,tr,td

很多人都有这种经历：当某个td中没有内容或者没有可见元素时，td的border也会消失。本文将给出解决方案，感兴趣的朋友可以了解下，或许本文对你有所帮助

收藏 0赞 0分享

td 内容自动换行 table表格td设置宽度后文字太多自动换行

table表格td设置宽度后文字太多导致自动换行，这是一个很常见的问题,或许很多的网友已经有了好的解决方法,如果依然有童鞋们不会的，可以参考下本文，可能会有意外的收获

收藏 0赞 0分享

html4和html5区别之如何在一个input上添加焦点实现代码

如何在一个input上添加焦点,有很多的实现方法，本文分别用html4和html5做了下演示，感兴趣的朋友可以参考下，或许本文对你有所帮助

收藏 0赞 0分享

纯css为select添加样式(无脚本)实现

改变select默认的样式，一般情路情况下通过ul,li来模拟来实现;Jquery插件也是这样,接下来介绍一种不写脚本，只用单纯的css来实现。在IE系列下，选中某个选项的时候会有背景色块，IE7-IE10都有此bug，感兴趣的朋友可以参考下啊

收藏 0赞 0分享

iframe的src赋值问题(服务器端)

frame的src赋值的问题，本文将进行详细探讨:服务器端的iframe重新src重新赋值,给iframe加一个ID，再加上runat=server，感兴趣的你可不要错过了哈

收藏 0赞 0分享

iframe的src设置为about:blank之后细节探讨

不设置为about:blank，内存不会释放掉。还必须用 iframe.document.write(''); 这样才能将内容清空，本文将详细探讨一下iframe的src设置为about:blank之后细节，感兴趣的你可不要错过了哈

收藏 0赞 0分享

无法定义IE6字体：13px大小无效，IE6自动显示更大的字体的解决方法

前些天调整网页一个模块的时候将页面字体的大小设置为13px大小了，由于当时用的是Chrome浏览器以及IE8，并没有发现原来font-size:13px在IE6下居然不听使唤总是自动显示为一个更大的大小，变现上又及其难看

收藏 0赞 0分享

为何html中嵌入mp4格式视频播放不了

只是在页面中加载了一个播放器的样子，各个按钮都不管用，不知道是哪个地方出了问题，很是郁闷，于是搜集整理下，拿出来和大家分享，希望可以帮助你们

收藏 0赞 0分享

如何把select下拉框的值传到id中实现代码

把select下拉框的值传到id中,是网友们比较在意的问题，本人搜索整理下，晒出来和大家分享

收藏 0赞 0分享

怎么把select下拉菜单里的文字设置成左右滚动效果

希望用marquee标签来设置字体滚动，代码是下面这样写的，但是没有效果，字体还是不会滚动，应该怎么来写，才会实现这个效果呢

收藏 0赞 0分享

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

html¶

html:xml¶

html:4t¶

html:4s¶

html:xt¶

html:xs¶

html:xxs¶

html:5¶

Document Metadata¶

head¶

title¶

base¶

link¶

link:css¶

link:print¶

link:favicon¶

link:touch¶

link:rss¶

link:atom¶

meta¶

meta:utf¶

meta:win¶

meta:compat¶

style¶

Scripting¶

script¶

script:src¶

noscript¶

Sections¶

body¶

section, sect¶

nav¶

article, art¶

aside¶

h1¶

h2¶

h3¶

h4¶

h5¶

h6¶

hgroup, hgr¶

header, hdr¶

footer, ftr¶

address, adr¶

div¶

Grouping Content¶

p¶

hr¶

br¶

pre¶

dialog, dlg¶

blockquote, bq¶

ol¶

ol+¶

ul¶

ul+¶

li¶

dl¶

dl+¶

dt¶

dd¶

Text-level Semantics¶

a¶

a:link¶

a:mail¶

q¶

cite¶

em¶

strong, str¶

small¶

mark¶

dfn¶

abbr¶

acronym, acr¶

time¶

progress, prog¶

meter¶

code¶

var¶

`html`¶

`html:xml`¶

`html:4t`¶

`html:4s`¶

`html:xt`¶

`html:xs`¶

`html:xxs`¶

`html:5`¶

`head`¶

`title`¶

`base`¶

`link`¶

`link:css`¶

`link:print`¶

`link:favicon`¶

`link:touch`¶

`link:rss`¶

`link:atom`¶

`meta`¶

`meta:utf`¶

`meta:win`¶

`meta:compat`¶

`style`¶

`script`¶

`script:src`¶

`noscript`¶

`body`¶

`section, sect`¶

`nav`¶

`article, art`¶

`aside`¶

`h1`¶

`h2`¶

`h3`¶

`h4`¶

`h5`¶

`h6`¶

`hgroup, hgr`¶

`header, hdr`¶

`footer, ftr`¶

`address, adr`¶

`div`¶

`p`¶

`hr`¶

`br`¶

`pre`¶

`dialog, dlg`¶

`blockquote, bq`¶

`ol`¶

`ol+`¶

`ul`¶

`ul+`¶

`li`¶

`dl`¶

`dl+`¶

`dt`¶

`dd`¶

`a`¶

`a:link`¶

`a:mail`¶

`q`¶

`cite`¶

`em`¶

`strong, str`¶

`small`¶

`mark`¶

`dfn`¶

`abbr`¶

`acronym, acr`¶

`time`¶

`progress, prog`¶

`meter`¶

`code`¶

`var`¶

`samp`¶

`kbd`¶

`sub`¶

`sup`¶

`span`¶

`i`¶