XHTML: 두 판 사이의 차이
내용 삭제됨 내용 추가됨
잔글 로봇이 바꿈: fr:Extensible HyperText Markup Language; 예쁘게 바꿈 |
|||
64번째 줄:
다음은 XHTML에서 흔히 있는 오류이다(유효성 검사 프로그램이 한글화되어 있지 않기 때문에 영문을 우선 표기함):
* Not closing empty elements (elements without closing tags) - 닫히지 않은 빈 요소
** 틀림: <code><nowiki><br></nowiki></code>
** 옳음: <code><nowiki><br /></nowiki></code>
* Not closing non-empty elements - 닫히지 않은 꽉 찬 요소
** 틀림: <code><nowiki><p>This is a paragraph.<p>This is another paragraph.</nowiki></code>
** 옳음: <code><nowiki><p>This is a paragraph.</p><p>This is another paragraph.</p></nowiki></code>
* Improperly nesting elements (elements must be closed in reverse order) - 부적합한 함유 요소
** 틀림: <code><nowiki><em><strong>This is some text.</em></strong></nowiki></code>
** 옳음: <code><nowiki><em><strong>This is some text.</strong></em></nowiki></code>
* Not specifying alternate text for images (using the <code>alt</code> attribute, which helps make pages accessible for devices that don't load images or screen-readers for the blind) - 대체 텍스트가 기술되지 않음
** 틀림: <code><nowiki><img src="/skins/common/images/poweredby_mediawiki_88x31.png" /></nowiki></code>
** 옳음: <code><nowiki><img src="/skins/common/images/poweredby_mediawiki_88x31.png" alt="MediaWiki" /></nowiki></code>
* Putting text directly in the body of the document - 본문에 직접 텍스트를 삽입
** 틀림: <code><nowiki><body>Welcome to my page.</body></nowiki></code>
** 옳음: <code><nowiki><body><p>Welcome to my page.</p></body></nowiki></code>
* Nesting block-level elements within inline elements - 인라인 요소에 블록-레벨 요소를 포함
** 틀림: <code><nowiki><em><h2>Introduction</h2></em></nowiki></code>
** 옳음: <code><nowiki><h2><em>Introduction</em></h2></nowiki></code>
* Not putting quotation marks around attribute values - 속성 값을 인용부호로 감싸지 않음
** 틀림: <code><nowiki><td rowspan=3></nowiki></code>
** 옳음: <code><nowiki><td rowspan="3"></nowiki></code>
* Using the ampersand outside of entities (use <code>&amp;</code> to display the ampersand character) - '&' 문자를 직접 사용 ('&amp;'로 대체)
** 틀림: <code><nowiki><title>Cars & Trucks</title></nowiki></code>
** 옳음: <code><nowiki><title>Cars &amp; Trucks</title></nowiki></code>
* Using uppercase tag names and/or tag attributes - 태그 이름이나 태그 속성에 대문자를 사용
** 틀림: <code><nowiki><BODY><P>The Best Page Ever</P></BODY></nowiki></code>
** 옳음: <code><nowiki><body><p>The Best Page Ever</p></body></nowiki></code>
* Attribute minimization - 간소화된 속성 사용
** 틀림: <code><nowiki><textarea readonly>READ-ONLY</textarea></nowiki></code>
** 옳음: <code><nowiki><textarea readonly="readonly">READ-ONLY</textarea></nowiki></code>
이것은 완전한 목록은 아니지만 XHTML 코드 작성 시에 흔히 생기는 일반적인 오류들을 포함하고 있다.
117번째 줄:
== 바깥 고리 ==
* [http://www.w3.org/MarkUp/ W3C의 마크업 홈페이지]
* [http://www.w3.org/TR/xhtml1/ XHTML 1.0 기술 규격]
* [http://www.w3.org/TR/xhtml11/ XHTML 1.1 기술 규격]
* [http://hixie.ch/advocacy/xhtml XHTML을 text/html로 보내는 것은 위험하다]
* [http://www.alistapart.com/articles/xhtml/ XHTML 평가 - XHTML의 장단점]
* [http://trio.co.kr/webrefer/html/cover.html Trio의 HTML 4.01 기술 규격(한글)]
* [http://trio.co.kr/webrefer/xhtml/overview.html Trio의 XHTML 1.0 기술 규격(한글)]
=== 유효성 검사 프로그램 ===
148번째 줄:
[[fa:زبان امتدادپذیر نشانهگذاری فرامتن]]
[[fi:XHTML]]
[[fr:Extensible HyperText Markup Language]]
[[ga:XHTML]]
[[gl:XHTML]]
| |||