Form Follows Energy

건물 에너지, IT와 여러 가지 글들

HTML Standard Attributes

August 31st, 2006

HTML tags can have attributes. The special attributes for each tag are listed under each tag description. The attributes listed here are the core and language attributes that are standard for all tags (with a few exceptions).


Core Attributes

Not valid in base, head, html, meta, param, script, style, and title elements.

Attribute Value Description
class class_rule or style_rule The class of the element
id id_name A unique id for the element
style style_definition An inline style definition
title tooltip_text A text to display in a tool tip


Language Attributes

Not valid in base, br, frame, frameset, hr, iframe, param, and script elements.

Attribute Value Description
dir ltr | rtl Sets the text direction
lang language_code Sets the language code


Keyboard Attributes

Attribute Value Description
accesskey character Sets a keyboard shortcut to access an element
tabindex number Sets the tab order of an element

Strict HTML 4.01로 가기 위한 지침서

August 31st, 2006

Strict HTML 4.01로 가기 위한 지침서

  • 항상 모든 웹페이지는 DOCTYPE로 시작되어야 함
  • 바로 다음에 오는 <html> 엘리먼트는 웹 페이지의 최상위 혹은 루트 엘리먼트가 되어야 함
  • DOCTYPE다음에 오는 <html>태그로 페이지를 시작해서 </html>태그로 페이지를 끝내야 하며, <head>와 <body>만이 <html>엘리먼트 안에 들어갈 수 있음
  • <head>엘리먼트에는 <title>엘리먼트가 항상 있어야 함
  • <head>엘리먼트에 <title>, <meta>, <style>엘리먼트만 올 수 있음
  • <body>에는 블록 엘리먼트(block element)만 포함할 수 있음
  • 모든 인라인 엘리먼트(inline element)와 텍스트sms <body>엘리먼트 안에 들어가기 전에 다른 블록 엘리먼트 안으로 들어가야 함
  • 인라인 엘리먼트 안에는 텍스트와 다른 인라인 엘리먼트만 들어갈 수 있음
  • 인라인 엘리먼트 안에 블록 엘리먼트를 포함할 수 없음
  • <p>엘리먼트 안에 블록엘리먼트를 두면 안 됨
  • 리스트인 <ul>과 <ol> 엘리먼트 안에는 오직 <li>엘리먼트만 들어올 수 있음
  • <li>엘리먼트 안에는 무엇이든지 포함될 수 있음
  • <blockquote>는 오직 블록 엘리먼트만 포함될 수 있음

XHTML 1.0 체크리스트

August 31st, 2006
XHTML 1.0 체크리스트

  • DOCTYPE을 Strict XHTML로 변경함. 또는 여전히 Transitional HTML을 사용하고 있다면 Transitional XHTML로 변경함
  • xmlns, lang, xml:lang속성을 <html>시작 태그에 추가함
  • <html>태그는 DOCTYPE 다음에 오는 맨 첫번째 태그가 되어야 하며, </html>종료태그는 가장 마지막 태그가 되어야 함
  • 모든 엘리먼트 이름들은 소문자로 작성되어야 함
  • 모든 시작 태그들은 종료 태그를 가져야 함. 또는 빈 엘리먼트의 경우 하나의 공백문자와 />로 끝나야 함
  • 모든 속성값들은 큰 따옴표로 둘러싸고 값을 가져야 함
  • HTML 콘텐츠에 &를 사용하지 말 것. &가 시작 엔티티를 위한 것이라면 대신 &amp를 사용할 것. 다른 특수 문자들도 엔티티로 변환함

HTML 4.01 / XHTML 1.0 Reference

August 31st, 2006

Ordered by Function

  • NN: indicates the earliest version of Netscape that supports the tag
  • IE: indicates the earliest version of Internet Explorer that supports the tag
  • DTD: indicates in which XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset 
Start tag Purpose NN IE DTD
Basic Tags
<!DOCTYPE> Defines the document type STF
<html> Defines an html document 3.0 3.0 STF
<body> Defines the body element 3.0 3.0 STF
<h1> to <h6> Defines header 1 to header 6 3.0 3.0 STF
<p> Defines a paragraph 3.0 3.0 STF
<br> Inserts a single line break 3.0 3.0 STF
<hr> Defines a horizontal rule 3.0 3.0 STF
<!–…–> Defines a comment 3.0 3.0 STF
Char Format
<b> Defines bold text 3.0 3.0 STF
<font> Deprecated. Defines text font, size, and color 3.0 3.0 TF
<i> Defines italic text 3.0 3.0 STF
<em> Defines emphasized text 3.0 3.0 STF
<big> Defines big text 3.0 3.0 STF
<strong> Defines strong text 3.0 3.0 STF
<small> Defines small text 3.0 3.0 STF
<sup> Defines superscripted text 3.0 3.0 STF
<sub> Defines subscripted text 3.0 3.0 STF
<bdo> Defines the direction of text display 6.2 5.0 STF
<u> Deprecated. Defines underlined text 3.0 3.0 TF
Output
<pre> Defines preformatted text 3.0 3.0 STF
<code> Defines computer code text 3.0 3.0 STF
<tt> Defines teletype text 3.0 3.0 STF
<kbd> Defines keyboard text 3.0 3.0 STF
<var> Defines a variable 3.0 3.0 STF
<dfn> Defines a definition term 3.0 STF
<samp> Defines sample computer code 3.0 3.0 STF
<xmp> Deprecated. Defines preformatted text 3.0 3.0
Blocks
<acronym> Defines an acronym 6.2 4.0 STF
<abbr> Defines an abbreviation 6.2 STF
<address> Defines an address element 4.0 4.0 STF
<blockquote> Defines a long quotation 3.0 3.0 STF
<center> Deprecated. Defines centered text 3.0 3.0 TF
<q> Defines a short quotation 6.2 4.0 STF
<cite> Defines a citation 3.0 3.0 STF
<ins> Defines inserted text 6.2 4.0 STF
<del> Defines deleted text 6.2 4.0 STF
<s> Deprecated. Defines strikethrough text 3.0 3.0 TF
<strike> Deprecated. Defines strikethrough text 3.0 3.0 TF
Links
<a> Defines an anchor 3.0 3.0 STF
<link> Defines a resource reference 4.0 3.0 STF
Frames
<frame> Defines a sub window (a frame) 3.0 3.0 F
<frameset> Defines a set of frames 3.0 3.0 F
<noframes> Defines a noframe section 3.0 3.0 TF
<iframe> Defines an inline sub window (frame) 6.0 4.0 TF
Input
<form> Defines a form 3.0 3.0 STF
<input> Defines an input field 3.0 3.0 STF
<textarea> Defines a text area 3.0 3.0 STF
<button> Defines a push button 6.2 4.0 STF
<select> Defines a selectable list 3.0 3.0 STF
<optgroup> Defines an option group 6.0 6.0 STF
<option> Defines an item in a list box 3.0 3.0 STF
<label> Defines a label for a form control 6.2 4.0 STF
<fieldset> Defines a fieldset 6.2 4.0 STF
<legend> Defines a title in a fieldset 6.2 4.0 STF
<isindex> Deprecated. Defines a single-line input field 3.0 3.0 TF
Lists
<ul> Defines an unordered list 3.0 3.0 STF
<ol> Defines an ordered list 3.0 3.0 STF
<li> Defines a list item 3.0 3.0 STF
<dir> Deprecated. Defines a directory list 3.0 3.0 TF
<dl> Defines a definition list 3.0 3.0 STF
<dt> Defines a definition term 3.0 3.0 STF
<dd> Defines a definition description 3.0 3.0 STF
<menu> Deprecated. Defines a menu list 3.0 3.0 TF
Images
<img> Defines an image 3.0 3.0 STF
<map> Defines an image map 3.0 3.0 STF
<area> Defines an area inside an image map 3.0 3.0 STF
Tables
<table> Defines a table 3.0 3.0 STF
<caption> Defines a table caption 3.0 3.0 STF
<th> Defines a table header 3.0 3.0 STF
<tr> Defines a table row 3.0 3.0 STF
<td> Defines a table cell 3.0 3.0 STF
<thead> Defines a table header 4.0 STF
<tbody> Defines a table body 4.0 STF
<tfoot> Defines a table footer 4.0 STF
<col> Defines attributes for table columns 3.0 STF
<colgroup> Defines groups of table columns 3.0 STF
Styles
<style> Defines a style definition 4.0 3.0 STF
<div> Defines a section in a document 3.0 3.0 STF
<span> Defines a section in a document 4.0 3.0 STF
Meta Info
<head> Defines information about the document 3.0 3.0 STF
<title> Defines the document title 3.0 3.0 STF
<meta> Defines meta information 3.0 3.0 STF
<base> Defines a base URL for all the links in a page 3.0 3.0 STF
<basefont> Deprecated. Defines a base font 3.0 3.0 TF
Programming
<script> Defines a script 3.0 3.0 STF
<noscript> Defines a noscript section 3.0 3.0 STF
<applet> Deprecated. Defines an applet 2.0 3.0 TF
<object> Defines an embedded object 3.0 STF
<param> Defines a parameter for an object 3.0 3.0 STF