반응형
- XHTML1.1 에서 사용하면 안되는 것들
- 일반적으로 범하기 쉬운 오류
- 닫히지 않은 빈요소 - Not closing empty elements (elements without closing tags)
- 닫히지 않은 꽉 찬 요소 - Not closing non-empty elements
- 부적합한 함유 요소 - Improperly nesting elements (elements must be closed in reverse order)
- 대체 텍스트가 기술되지 않음 - Not specifying alternate text for images (using the alt attribute, which helps make pages accessible for devices that don't load images or screen-readers for the blind)
- 본문에 직접 텍스트를 삽입 - Putting text directly in the body of the document
- 인라인 요소에 블록-레벨 요소를 포함 - Nesting block-level elements within inline elements
- 속성 값을 인용부호로 감싸지 않음 - Not putting quotation marks around attribute values
- '&' 문자를 직접 사용 ('&'로 대체) - Using the ampersand outside of entities (use & to display the ampersand character)
- 태그 이름이나 태그 속성에 대문자를 사용 - Using uppercase tag names and/or tag attributes
- 간소화된 속성 사용 - Attribute minimization
- 그 외의 오류들
- 일반적으로 범하기 쉬운 오류
XHTML1.1 에서 사용하면 안되는 것들#
XHTML에서 사용하면 안되는 것들이 있다. 여기에 나열해 보자.
일반적으로 범하기 쉬운 오류#
아래는 일반적으로 범하기 쉬운 오류로 위키백과에 소개된 내용이다. - http://ko.wikipedia.org/wiki/XHTML
닫히지 않은 빈요소 - Not closing empty elements (elements without closing tags)#
- 틀림:
<br> - 옳음:
<br />
닫히지 않은 꽉 찬 요소 - Not closing non-empty elements#
- 틀림:
<p>This is a paragraph.<p>This is another paragraph. - 옳음:
<p>This is a paragraph.</p><p>This is another paragraph.</p>
부적합한 함유 요소 - Improperly nesting elements (elements must be closed in reverse order)#
- 틀림:
<em><strong>This is some text.</em></strong> - 옳음:
<em><strong>This is some text.</strong></em>
대체 텍스트가 기술되지 않음 - Not specifying alternate text for images (using the alt attribute, which helps make pages accessible for devices that don't load images or screen-readers for the blind)#
- 틀림:
<img src="/skins/common/images/poweredby_mediawiki_88x31.png" /> - 옳음:
<img src="/skins/common/images/poweredby_mediawiki_88x31.png" alt="MediaWiki" />
본문에 직접 텍스트를 삽입 - Putting text directly in the body of the document#
- 틀림:
<body>Welcome to my page.</body> - 옳음:
<body><p>Welcome to my page.</p></body>
인라인 요소에 블록-레벨 요소를 포함 - Nesting block-level elements within inline elements#
- 틀림:
<em><h2>Introduction</h2></em> - 옳음:
<h2><em>Introduction</em></h2>
속성 값을 인용부호로 감싸지 않음 - Not putting quotation marks around attribute values#
- 틀림:
<td rowspan=3> - 옳음:
<td rowspan="3">
'&' 문자를 직접 사용 ('&'로 대체) - Using the ampersand outside of entities (use & to display the ampersand character)#
- 틀림:
<title>Cars & Trucks</title> - 옳음:
<title>Cars & Trucks</title>
태그 이름이나 태그 속성에 대문자를 사용 - Using uppercase tag names and/or tag attributes#
- 틀림:
<BODY><P>The Best Page Ever</P></BODY> - 옳음:
<body><p>The Best Page Ever</p></body>
간소화된 속성 사용 - Attribute minimization#
- 틀림:
<textarea readonly>READ-ONLY</textarea> - 옳음:
<textarea readonly="readonly">READ-ONLY</textarea>
그 외의 오류들#
그 외에 직접 작정하면서 오류가 났던 부분을 정리한다.
<form 에 name속성 사용하지 못함 - 2009/02/21 07:28:08#
- 흔히 <form name="fname" ... 이런식으로 정의해서 사용하지만 form에 name속성은 원래 허용하지 않는 속성인가보다. id속성은 무관하니 id로 해결해야 겠다.
<style> 사용 불가능#
- css파일 이외의 style은 사용불가능 하다. 대신 inline style은 허용하니 inline 아니면 css파일로 스타일을 정의해야 한다.
URL 주소에서도 '&' 문자를 직접 사용하면 안됨.#
- URL 링크를 생성하는데에도.. &문자를 바로 사용불가능함.
- & => & 바꾸어야함.
<form 에서 method="POST/post"#
- form 태그에서 method정의시 대문자를 입력하면 안된 post/get과 같이 소문자로만 입력해야 함
td width= 어트리뷰트 허용하지 않음#
- 보통 <td width 이런식으로 너비를 정하지만 이렇게 정의하지 못하게 되어 있음
- <td>태그에서는 width 어트리뷰트를 허용하지 않음
- Attribute "width" exists, but can not be used for this element. 에러를 낸다.
출처 : http://bequietzero.springnote.com/pages/2758810
