ZenHTMLElementsEn - Zen-Coding - HTML Elements and Its Aliases For Zen HTML Plugins - Set of Plugins For HTML and CSS Hi-Speed

ZenHTMLElementsEn - zen-coding - HTML elements and its aliases for...
http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn
My favorites | Sign in
zen-coding
Set of plugins for HTML and CSS hi-speed coding Project Home Search Downloads for Wiki Issues Source Search Search projects
ZenHTMLElementsEn
HTML elements and its aliases for Zen HTML plugins
Updated Aug 21, 2009 by pepelsbey
Zen HTML Elements

Based on HTML 5 specification draft.
Root Element
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>
1 de 15
07/09/2013 13:11
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>
2 de 15
07/09/2013 13:11
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>
3 de 15
07/09/2013 13:11
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>
4 de 15
07/09/2013 13:11
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
5 de 15
07/09/2013 13:11
<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
6 de 15
07/09/2013 13:11
<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
7 de 15
07/09/2013 13:11
<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
8 de 15
07/09/2013 13:11
<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="email" value="" id="">
input:url
9 de 15
07/09/2013 13:11
<input type="url" value="" id="">
input:password, input:p
<input type="password" value="" id="">
input:datetime
<input type="datetime" value="" id="">
input:datetime-local
<input type="datetime-local" value="" id="">
input:date
<input type="date" value="" id="">
input:month
<input type="month" value="" id="">
input:week
<input type="week" value="" id="">
input:time
<input type="time" value="" id="">
input:number
<input type="number" value="" id="">
input:range
<input type="range" value="" id="">
input:color
<input type="color" value="" id="">
input:checkbox, input:c
<input type="checkbox" id="">
input:radio, input:r
<input type="radio" id="">
input:file, input:f
<input type="file" id="">
input:submit, input:s
<input type="submit" value="">
input:image, input:i
<input type="image" src="" alt="">
input:reset
<input type="reset" value="">
input:button, input:b
10 de 15
07/09/2013 13:11
<input type="button" value="">
button, btn
<button></button>
select
<select id=""></select>
select+
<select id=""> <option value=""></option> </select>
optgroup, optg
<optgroup></optgroup>
optgroup+, optg+
<optgroup> <option></option> </optgroup>
option, opt
<option></option>
Interactive Elements
datagrid, datag
<datagrid></datagrid>
datalist, datal
<datalist></datalist>
textarea, tarea
<textarea id="" cols="30" rows="10"></textarea>
keygen, kg
<keygen>
output, out
<output></output>
details, det
<details></details>
command, cmd
<command>
bb
<bb></bb>
menu
<menu></menu>
11 de 15
07/09/2013 13:11
menu:context, menu:c
<menu type="context"></menu>
menu:toolbar, menu:t
<menu type="toolbar"></menu>
Conditional Comments
cc:ie

cc:noie

Comment by eduardo....@gmail.com, Oct 13, 2009 form:file => <form action="" method="post" enctype="multipart/form-data"></form> and -- =>  would be very cool! Comment by eduardo....@gmail.com, Oct 13, 2009 the shortcut 'ctrl+/' is conflicting with Aptana's default shortcut to add multiple line comments on Javascript/PHP files (version 1.5.x). Hope it will get fixed. Comment by iamdanonymous@gmail.com, Nov 23, 2009 First, I'd like to say that Zen Coding kicks butt, and is going to make my life a lot easier. With that said, shouldn't the charset be declared BEFORE the title tag in the DOCTYPE declaration template output? You can see an example of this by using the html:xt abbreviation. Comment by jiserra, Nov 26, 2009 Is there any way that we can customize the output? I specifically want to change the lang="ru" part to lang="en". Really great and excellent job by the way, this is really going to change my coding! Comment by project member serge....@gmail.com, Nov 27, 2009 In latest plugin versions english is default language, but you can customize it by edititing 'variables' section of zen_settings.js (or .py) file Comment by jiserra, Nov 27, 2009 Thanks Sergey! Comment by andre.va...@gmail.com, Dec 5, 2009 Amazing tool! Thanks, Sergey! Comment by emailfel...@gmail.com, Dec 16, 2009 Incredible!!! Comment by aanddspo...@gmail.com, Jan 11, 2010 Hi I use this for dreamweaver CS4 - love the app. Can you make an SEO tag for meta description and keywords? perhaps a flash valid xhtml object include too?
12 de 15
07/09/2013 13:11
Thanks Comment by freddy.s...@gmail.com, Jan 12, 2010 It's straight up bad ass Serg. Thanx brotha! Comment by ccug...@gmail.com, Jan 13, 2010 Amazing, thanks!! Is it possible for the next release having the tag <a> with the attribute 'title'? Thanks! Comment by project member serge....@gmail.com, Jan 13, 2010 ccugia1, http://code.google.com/p/zen-coding/source/detail?r=254 Comment by ccug...@gmail.com, Jan 13, 2010 Thanks! Comment by cyberzon...@gmail.com, Feb 12, 2010 geeting under stand Comment by zotekra...@gmail.com, Feb 18, 2010 GREAT WORK!!! congrats!!! But I wish that br makes <br/> and not <br> Comment by project member serge....@gmail.com, Feb 19, 2010 zotekracik, code style depends on file you're currently edit. I most cases, for HTML document ZC looks at DOCTYPE, if it's XHTML you'll get <br />, otherwise <br>. The only problem I see is that if you want to XHTML code style in HTML5. If you'll name the editor you're using, I'll show you how to force ZC to use XHTML code style Comment by aria...@gmail.com, Feb 21, 2010 fucking awesome :D tks! Comment by fr33ni...@gmail.com, Mar 15, 2010 awesome Comment by luizpaul...@gmail.com, Mar 27, 2010 very good the news featured.. tks.. Comment by eduardoh...@gmail.com, Apr 8, 2010 amazing! excelent! tks! Comment by naazi...@gmail.com, May 2, 2010 jz one word! "WoW"!!! Now this is gonna change our lives forever!!! Gonna save loooads of time!!! Thanks a ton! Comment by alexkaguiar@gmail.com, May 21, 2010 wow thanks great job!!!!!!!!!!! :) Comment by cmerta...@gmail.com, May 31, 2010 So cool! Thanks..
13 de 15
07/09/2013 13:11
Comment by wille...@gmail.com, Sep 15, 2010 Cool!Thanks,good job! Comment by itbe...@gmail.com, Mar 18, 2011 good thanks Comment by samuelm...@gmail.com, Apr 25, 2011 Alt+/ not work in notepad++  Comment by asifs...@gmail.com, May 7, 2011 are not you missing with an important tag 'php' => <?php ?> great..using it with netbeans..think its going to help me a lot. Comment by JKal...@gmail.com, Jun 7, 2011 Hello, this is awesome project! I often work in PSPad and Rails and I just added this few lines to the zencoding.js into the snippets list. I think it could be useful for someone:
'r:': '<%= ${child}| %>', 'r': '<% ${child}| %>', 'if': '<% if ${child} %>\n' + '| \n'+ '<% end %>', 'each': '<% ${child}.each do \\| el \\| %>\n' + '| \n'+ '<% end %>', 'eachi': '<% ${child}.each_with_index do \\| el, i \\| %>\n' + '| \n'+ '<% end %>',
Comment by primetec...@gmail.com, Oct 3, 2011 @asifsomy: I tried making a comment in Notepad++ just now and it worked... to my knowledge it's the latest version of Notepad++ and this program (which was just downloaded). Comment by kushal.p...@gmail.com, May 9, 2012 If you're on Sublime Text 2 (like me) and have ZenCoding? installed, than go to Menu Preferences>Browser Packages, from your file manager when it opens, go to "ZenCoding?" directory and open zencoding>zen_settings.py and you'll find all the abbreviations and its expansions, modify or add more abbreviations that you use frequently, save the file, restart sublime and use new abbreviation you just created. Pure awesomeness!! Comment by yanyuche...@gmail.com, May 9, 2012 Thank you! Comment by theTillG...@gmail.com, Jun 22, 2012 Thx Works perfect with Aptana Studio 3 I love it Comment by tovan...@gmail.com, Aug 3, 2012 thank you :D i love it tooooooo~ Comment by hta...@gmail.com, Jan 16, 2013 .. Comment by yavargra...@gmail.com, Jun 26, 2013
14 de 15
07/09/2013 13:11
Thank you! Comment by ebellegia@gmail.com, Jul 24, 2013 lllllllllllllllllllll Comment by huangbin...@gmail.com, Aug 18, 2013 ctr+shift+A
Sign in to add a comment
Terms - Privacy - Project Hosting Help Powered by Google Project Hosting
15 de 15
07/09/2013 13:11

ZenHTMLElementsEn - Zen-Coding - HTML Elements and Its Aliases For Zen HTML Plugins - Set of Plugins For HTML and CSS Hi-Speed

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

ZenHTMLElementsEn - Zen-Coding - HTML Elements and Its Aliases For Zen HTML Plugins - Set of Plugins For HTML and CSS Hi-Speed

Загружено:

Авторское право:

Доступные форматы

ZenHTMLElementsEn - zen-coding - HTML elements and its aliases for...