태그 : <p>, <h>, <img> 등과 같이 명령어의 형태가 <> (각괄호) 로 되어있는 것
요소 : <p> ~ </p> 와 같이 태그의 시작( <> ) 과 끝( </> )
마크업 : 이러한 요소들을 이용하여 웹 문서를 작성하는 것
XHTML 문법 규칙
1. 요소는 제대로 중첩되어야 한다.
- 마지막에 정의한 태그를 가장 먼저 닫아야 함.
2. 요소 및 속성 이름은 소문자여야 한다.
3. 요소는 항상 닫아야 한다.
4. 속성값에는 인용 부호를 붙인다.
- 속성이란 <a> 태그에는 href라는 것이 있는데 이를 '속성' 이라고 부르며 속성 뒤 = 다음에 오는 것. 을 '값' 이라 부름
5. 속성은 속성값과 함께 써야 한다.
. - <a href = "#" /> 과 같이
6. img와 area 요소에는 반드시 alt 속성이 있어야 한다.
. - 이는 문법적으로도 필요하지만 이미지가 표시안될 때에도 이미지에 대한 정보를 제공해야 하기 위함.
7. 특수문자를 쓸 때는 Entity Name 또는 Entity code를 사용해야 한다.
- 간단히 말하면 <p> && </p> 같은건 안된다. &의 Entity Name 은 & Entity code는 & 인데 둘중 하나를 쓰면 된다. entitycode.com 에 가면 자세히 볼 수 있다.
8. 주석처리는 <!--주석-->
마지막으로 문법 유효성 검사 사이트가 있습니다.
validator.w3.org 에서 할 수 있는데 본인에게 파일이 있을 경우 validate File Upload를 이용하면 된다.
sublimeText를 쓰다보면 오류가 나도 일단은 실행이 되기 때문에 어디가 오류인지 잘 모른다. 그 때 쓰면 오류의 원인이 나오니 확인 후 차차 수정해 나가면 된다.
공부하면서 적는거라 잘못된 부분이 있을 수 있습니다.
지적이나 궁금하신 부분 질문은 환영해요~
편집기는 SublimeText를 쓰며
Sublime Text - A sophisticated text editor for code, markup and prose
Goto Anything Use Goto Anything to open files with only a few keystrokes, and instantly jump to symbols, lines or words. Triggered with Ctrl+P⌘+P, it is possible to: Type part of a file name to open it. Type @ to jump to symbols, # to search within the fil
www.sublimetext.com
위 링크에서 무료로 받으실 수 있습니다.
'프로그래밍 > HTML' 카테고리의 다른 글
| [HTML] 블록 요소 / 인라인 요소 (0) | 2019.09.20 |
|---|