html 일반 속성

Posted by 승호/
2008.10.02 11:09 html 태그 배우기

일반 속성

HTML 4.01의 속성들은 대부분의 요소에 공통으로 적용됩니다. 이 속성들은 3 가지로 구분됩니다 : 주요속성, 보편속성, 이벤트속성

주요속성(Core Attributes)

특수속성은 대부분의 요소에 적용됩니다. (단, BASE, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE 요소는 제외)

속성 설명
id id_string

요소의 독립된 신원을 나타냅니다. 한 문서 내에서 두 개 이상의 요소가 동일한 id 값을 가질 수 없습니다. id 속성값의 첫 글자는 반드시 영문 알파벳으로 시작합니다. 두 번째 글자부터는 알파벳, 숫자, 하이픈, 밑줄선, 콜론, 마침표가 올 수 있습니다.

ID 속성은 한 문서 내에서 각 요소에 독립된 스타일을 적용할 때 사용됩니다.

예를 들어 다음과 같이 스타일을 정의하면 "para_1"이라는 id를 사용하여 첫 번째 단락에 독립된 스타일이 적용됩니다.

p#para_1 { font:larger }

ID는 <name>값 대신에 책갈피로 사용될 수 있습니다. 그러나 대부분의 브라우저는 id속성을 책갈피로 사용하는 것을 지원하지 않습니다.

class class_name

요소가 특정 클래스에 속한 것을 나타냅니다. 클래스 속성을 사용하면 스타일을 정의하여 동시에 여러 개의 비슷하거나 관련된 요소를 제어할 수 있습니다. 요소들은 동일한 클래스를 공유할 수 있습니다. 한 개의 요소가 두 개 이상의 클래스에 속할 수도 있습니다( 속성값은 여백으로 구분된 클래스 이름들의 리스트로 나타냅니다.) 그러나 현재의 대부분의 브라우저들은 한 개의 요소에 여러 개의 클래스를 적용하는 것을 지원하지 않습니다. 미리 정의되거나 표준이 되는 클래스는 없으며 저자가 클래스를 정의할 수 있습니다.

예를 들어 다음과 같이 스타일을 정의하면 클래스 이름이 "new"인 모든 요소에 적용이 됩니다. 클래스 스타일 정의를 하나만 변경하면 모든 해당 요소들의 모양을 동시에 바꿀 수 있습니다.

.new { font: italic bold }

style style_rule

특정 경우에 사용할 수 있도록 저자가 인라인 스타일을 정의할 수 있습니다. 이런 경우 클래스 스타일 정의보다 우선하여 요소에 적용됩니다.

예를 들어 다음과 같이 스타일을 정의하면 기본 설정 스타일보다 우선하여 단락에 적용됩니다.

<p style="margin:0">

반면에 다음과 같이 스타일을 정의하면 "sidebar" 클래스에 속한 단락의 폰트 크기만 변경하며 "sidebar" 클래스의 나머지 스타일 규칙은 보존됩니다.

<p class="sidebar" style="font:smaller">

title title_string

요소에 타이틀을 부여합니다. 일부 브라우저에서는 마우스를 요소 위에 올려놓을 경우 요소의 타이틀을 "툴팁"으로 보여줍니다.

예:

<a href="/index.html" title="Home Page">

보편속성(Internationalization Attributes)

보편속성은 대부분의 요소에 적용됩니다. (단, BASE, BR, FRAME, FRAMESET, HR, IFRAME, PARAM, SCRIPT 요소는 제외)

속성 설명
lang LanguageCode

요소의 속성값 및 항목에 관한 언어를 지정합니다. LANG 속성이 지정되지 않는 모든 요소들도 포함합니다. LANG 속성은 거의 지원되지 않지만 LANG 속성을 사용할 경우에는 검색엔진이 언어별로 문서를 나타낼 수 있도록 할 수 있으며 음성 합성기가 언어에 따른 발음 규칙을 사용할 수 있도록 해줍니다. 또한 브라우저가 Q 요소를 출력할 때 각 언어들에 알맞은 구두점을 사용하도록 할 수 있습니다.

HTML 요소에서 lang 속성을 사용하여 문서의 일차 언어를 지정할 수 있습니다. Lang 속성 대신에 Content-Language HTTP header 속성을 사용할 수도 있습니다.

dir ltr
rtl

텍스트의 방향을 지정합니다. "ltr" 은 왼쪽에서 오른쪽 방향(기본 설정)을 의미합니다. 그리고 "rtl"은 오른쪽에서 왼쪽 방향을 의미합니다.

신고

'html 태그 배우기' 카테고리의 다른 글

html 최상위 태그 <HTML>  (0) 2009.01.15
스크롤바 제작기 공개  (4) 2008.12.31
태그연습장 공개  (0) 2008.12.31
html 일반 속성  (0) 2008.10.02
html 이벤트 속성  (0) 2008.10.02
html 특수 인라인태그 <SUP>  (2) 2008.09.28
html 특수 인라인태그 <SUB>  (0) 2008.09.28
Tags
이 댓글을 비밀 댓글로