CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
태그의 구성 형태
|
구분 |
코드 |
설명 |
|
복합 태그 |
<태그명> 내용 </태그명> |
좌, 우 각괄호(<>)사이의 명칭을 합쳐서 태그라고 합니다. |
|
속성을 가지는 태그 |
<태그명 속성명=값> 내용 </태그명> |
태그와 함께 추가적인 정보를 제공해 주기 위해 사용합니다. |
|
단독 태그 |
<태그명> or <태그명/> |
시작 태그와 종료태그 사이에 내용이 없을 경우에는 빈태그, 단독태그형태로 사용할 수 있습니다. |
|
<html>
<body>
여러분들은 <font size="5" color="blue">HTML5 웹표준</font>를 배우고<br> 있습니다.
</body>
</html>
|
태그의 Attribute(속성)
· XML 속성은 XML 요소에 대한 추가적인 정보를 제공해주며, 해당 요소의 특징을 정의합니다.
· Element의 특성을 나타내기 위해 사용되는 이름(name)과 값(value)의 쌍을 이루고 있으며 "이름"과 "값"은 반드시 쌍을 이루어야 합니다.
· HTML 태그마다 속성을 부여할 수 있습니다.
· 속성은 "시작 태그"에만 설정할 수 있으며 하나의 요소내에 중복된 속성명은 가질 수 없습니다.
· 태그의 속성은 <태그명 속성이름="값"> 의 형태로 사용하며, 태그마다 부여할 수 있는 여러 속성들이 존재합니다.
· HTML에서는 속성값을 따옴표로 감싸지 않아도 큰 문제 없이 동작합니다. 하지만 XML에서는 속성값을 따옴표로 감싸지 않으면 오류가 발생합니다.
· HTML5 표준에서는 속성 이름에 대소문자를 구분하지 않고 사용할 수 있습니다. 하지만 W3C에서는 속성 이름을 사용할 때 소문자로 작성하도록 권장하고 있습니다.
태그의 속성형식
속성의 값은 받드시 인용부호(double quota 또는 single quota)를 사용하여 설정합니다. 작은따옴표와 큰따옴표의 차이는 없습니다
인용 부호를 사용하지 않으면 오류가 발생합니다.
|
<요소명 속성이름="값", 속성이름="값", ... >내용</요소명> |
|
<font size="5" color="blue"> |
|
<font name=홍길동> |
· 오류 발생 |
|
<font name="홍길동"> |
· 정상 · 속성값은 반드시 따옴표로 감싸야 합니다. |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
| ECMAScript, JavaScript의 동일 명칭 (0) | 2017.11.10 |
|---|---|
| nodeBB - node.js, Redis, MongoDB로 구성된 오픈소스 게시판 (0) | 2017.11.04 |
| Date 객체, Date 객체 생성 및 초기화 (0) | 2017.10.15 |
| 문자열 연산자 (+연산자), 문자열 연산자 vs 산술 연산자, 문자열 연산자 예 (0) | 2017.09.16 |
| 인스턴스(instance), instanceof 연산자 (0) | 2017.09.05 |