ZenHTMLElementsEn - Zen-coding - HTML Elements and Its Aliases for Zen HTML Plugins - Set of Plugins...

transcript

7/27/2019 ZenHTMLElementsEn - Zen-coding - HTML Elements and Its Aliases for Zen HTML Plugins - Set of Plugins for HTML

1/15

Project Home Downloads Wiki Issues Source

Updated Aug 21, 2009 by pepelsbey

My favorites | Sign in

zen-codingSet of plugins for HTML and CSS hi-speed coding Search projects

Search for Search

ZenHTMLElementsEn HTML elements and its aliases for Zen HTML plugins

Zen HTML Elements

Based on HTML 5 specification draft.

Root Element

html

html:xml

html:4t

html:4s

html:xt


2/15

html:xxs

html:5

Document Metadata

head

title

base

link

link:css

link:print

link:favicon

link:touch

link:rss

link:atom

meta

HTMLElementsEn - zen-coding - HTML elements and its aliases for... http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn

15 07/09/2013 13:11


3/15

meta:utf

meta:win

meta:compat

style

Scripting

script

script:src

noscript

Sections

body

section, sect

nav

article, art

aside

h1

h2

h3

h4


15 07/09/2013 13:11


4/15

h5

h6

hgroup, hgr

header, hdr

footer, ftr

address, adr

div

Grouping Content

p

hr

br

pre

dialog, dlg

blockquote, bq

ol

ol+

ul


15 07/09/2013 13:11


5/15

ul+

li

dl

dl+

dt

dd

Text-level Semantics

a

a:link

a:mail

q

cite

em

strong, str

small

mark

dfn


15 07/09/2013 13:11


6/15

abbr

acronym, acr

time

progress, prog

meter

code

var

samp

kbd

sub

sup

span

i

b

bdo

bdo:r

bdo:l


15 07/09/2013 13:11


7/15

ruby

rt

rp

Edits

ins

del

Embedded Content

figure, fig

img

iframe, ifr

embed, emb

object, obj

param

video

audio

source, src

canvas

map


15 07/09/2013 13:11


8/15

map+

area

area:d

area:c

area:r

area:p

Tabular Data

table

table+

caption, cap

colgroup, colg

colgroup+, colg+

col

tbody

thead

tfoot


15 07/09/2013 13:11


9/15

tr

tr+

th

td

Forms

form

form:get

form:post

fieldset, fset

legend, leg

label

input

input:hidden, input:h

input:text, input:t

input:search

input:email

input:url


15 07/09/2013 13:11


10/15


11/15

button, btn

select

select+

optgroup, optg

optgroup+, optg+

option, opt

Interactive Elements

datagrid, datag

datalist, datal

textarea, tarea

keygen, kg

output, out

details, det

command, cmd

bb

menu


e 15 07/09/2013 13:11


12/15

menu:context, menu:c

menu:toolbar, menu:t

Conditional Comments

cc:ie

cc:noie

Comment by eduardo....@gmail.com, Oct 13, 2009

form:file =>

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

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 BEFOREthe title tag in the DOCTYPE declaration template output? You can see an example of this by using the html:xt abbreviation.

Comment byjiserra, 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 bythe 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 byjiserra, 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?


de 15 07/09/2013 13:11


13/15

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

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
, otherwise
.

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


de 15 07/09/2013 13:11


14/15

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' => 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 itcould be useful for someone:

'r:':'','r':'',

'if':'\n'+ '| \n'+ '', 'each':'\n'+ '| \n'+ '',

'eachi':'\n'+ '| \n'+ '',

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 whenit opens, go to "ZenCoding?" directory and open zencoding>zen_settings.py and you'll find all the abbreviations and its expansions, modify or addmore 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


de 15 07/09/2013 13:11


15/15

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


ZenHTMLElementsEn - Zen-coding - HTML Elements and Its Aliases for Zen HTML Plugins - Set of Plugins...

Documents