태그의 구성 형태, 태그의 Attribute(속성), 태그의 속성형식

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="홍길동">

·       정상

·       속성값은 반드시 따옴표로 감싸야 합니다.

 

 

반응형