PHP & MySQL

zen coding~! 젠코딩 Zen HTML Elements

관리자 | 2014.03.12 17:16 | 조회 8210

Zen HTML Elements  

 

Root Element 

 

html
<html></html>


html:4t
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<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="en">
<head>
<title></title>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8"/>
</head>
<body></body>
</html>


html:5
<!DOCTYPE HTML>
<html lang="en-EN">
<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" hrf="favicon.png">

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

meta
<meta>


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

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

 

 

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="</a'>http://"></a>


a:mail
<a href="</a'>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="email" value="" id="">


input:url
<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
<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>


menu:context, menu:c
<menu type="context"></menu>


menu:toolbar, menu:t
<menu type="toolbar"></menu>


Comments


cc:ie
<!--[if IE]><![endif]-->


cc:noie
<!--[if !IE]><!--><!--<![endif]-->

twitter facebook me2day 요즘
38개(1/2페이지)
PHP & MySQL
번호 제목 글쓴이 조회 날짜
38 [PHP] 파파고 API 관리자 2173 2021.01.29 16:33
37 [AWS] 아마존 개인화 amazon personalize-dg 첨부파일 관리자 2252 2020.01.22 19:33
36 [PHP] 소녀나라 구인공고 사진 관리자 3684 2018.04.17 12:54
35 [MYSQL] 게시판 페이징(?) 속도 향상 [1] 관리자 11716 2014.08.13 02:18
34 [MYSQL] 페이징 쿼리, 페이징 기법 관리자 22167 2014.08.13 01:48
33 [MYSQL] 이메일 필터 정규식 관리자 8161 2014.07.25 11:32
32 [PHP] Zen HTML Selectors 관리자 5982 2014.03.12 17:16
>> [PHP] zen coding~! 젠코딩 Zen HTML Elements 관리자 8211 2014.03.12 17:16
30 [PHP] 에디트 플러스 zen coding CSS 관리자 7652 2014.03.12 17:16
29 [PHP] php + jquery ajax + json 관리자 5722 2014.03.04 15:30
28 [PHP] php 엑셀 파일 생성시 한글깨짐 관리자 8842 2014.02.21 16:31
27 [PHP] 날씨 API, 기상청 날씨 파싱 관리자 10980 2014.01.22 15:32
26 [PHP] 도로명주소 관리자 5819 2014.01.09 11:39
25 [MYSQL] MYSQL EXPLAIN 관리자 6225 2013.10.28 12:10
24 [PHP] PHP, AJAX, JSON 리턴 관리자 7476 2013.10.18 17:49
23 [MYSQL] mysql성능 향상 첨부파일 관리자 4516 2013.10.07 12:52
22 [MYSQL] mysql 최적화 관리자 5251 2013.10.07 12:35
21 [PHP] PHP 변수 초기화 및 조건부 할당 관리자 6559 2013.09.25 00:57
20 [PHP] 킴스큐 썸네일 사이즈 변경 관리자 4894 2013.07.16 14:14
19 [PHP] 간단하게 만드는 캐싱 사진 관리자 5726 2013.05.21 14:11
많이 본 글
댓글 많은 글