IT/HTML
약간 바뀐 HTML 태그(Tags) 규칙
우서바
2011. 11. 29. 14:02
- <html xmlns="http://www.w3.org/1999/xhtml">
<html> 엘리먼트에 위와 같이 xmlns 속성을 추가해줍니다.
이것은 문서형 선언(DTD)과 비슷하게 html이 어떤 XML 언어에 속해있는지 식별하도록 하는데 사용됩니다. - 빈태그 표기법 : empty elements (elements without closing tags)
대부분의 태그는 '시작(열기)태그'와 '종료(닫기)태그'의 한짝으로 구성되어 있습니다.
그렇지만 <br><img> 태그와 같이 짝이 없이 혼자 작동하는 태그들도 있습니다. 이런 짝없는 태그를 '빈요소(Empty Elements)' 라고 부르며 이런 빈요소 들을 표기할 때는 브라우저에게 "예는 짝이 없으니 종료태그를 찾느라고 수고할 필요가 없어!!" 라고 친절하게 알려주어야 합니다.
마지막 ">" 앞에 슬래시를 넣어주면 됩니다.
<br> 태그를 예로 들면 <br /> 라고 적어야 한다는 것이죠.
<img> 태그는 <img src="dir/image.gif" alt="imgName" /> 이런식으로 적어 주셔야합니다.
슬래시 앞에 공백을 하나 추가해주는 것이 좋은데 그것은 슬래시 앞에 공백없이는 "/>"를 인식하지 못하는 옛날 브라우저들을 위해서입니다. 하위 버젼과의 호환성을 위해서 슬래시 앞에 공백을 꼭 넣어주세요. - 대체 텍스트 입력 : <img> 엘리먼트에는 반드시 alt 속성을 넣어줍니다.
alt (alternate : 교체하다, 대리인) 속성은 이미지 파일이 없어졌을 때 대신 표시해줄 이름(text)를 적어 주는 것입니다. 이는 파일이 없어졌을 때 외에도 그림을 보지 못하는 시각장애인을 위한 브라우저 등에서도 그 이미지가 가진 의미를 이해하도록 돕는 역할을 합니다. - 속성의 값들은 반드시 따옴표로 둘러싼다.
틀림: <table rows=3>
옳음: <table rows="3"> 간소화된 속성의 사용 금지
틀림: <textarea readonly>READ-ONLY</textarea>
옳음: <textarea readonly="readonly">READ-ONLY</textarea>
이 외에도 checked , nowrap 등과 같은 약식표기는 허용되지 않습니다.- 태그이름과 속성은 반드시 소문자로 표기
틀림: <BODY><P>The Best Page Ever</P></BODY>
옳음: <body><p>The Best Page Ever</p></body> - 모든 인라인 요소는 블록 요소에 둘러싸여야 한다.
틀림: <body>Welcome to my page.</body>
옳음: <body><p>Welcome to my page.</p></body>
본문(body)에 직접 텍스트를 삽입할 수 없습니다. 반드시 <h1><p><table><div>태그와 같은 블록 요소로 감싸주어야합니다.