0010 속성(attribute)과 속성 작성방법
속성을 일일이 살펴볼 단계는 아니지만 일단 속성이라는 것이 있고 그것을 어떻게 작성하는지는 알아두어야 추후 속성이 나올 때 당황하지 않을 것 같으므로 미리 정리해두자.
다음은 앞에서 배운 <html> 요소에서 속성을 사용한 경우다.
<html lang="ko">내용</html>
위의 <html> 요소에서 lang은 속성명이고 ko는 한국어를 의미하는 속성값이다. <html> 요소에 lang 속성을 부여하여 이 문서가 한국어로 작성된 HTML 문서라는 것을 검색엔진에게 드러내고 있다.
우선, 속성(attribute)이란 HTML 요소(element)에 추가 정보를 부여하는 것으로 W3C 재단에서 표준으로 정의해 놓은 것을 사용한다. 개발자가 임의로 속성을 만들지 않는다.
속성을 작성하는 방법은 다음과 같다.
1) 속성들은 반드시 시작태그에 명시한다.
아래와 같이 종료태그에 속성을 명시하는 것은 잘못된 사용례이다.
<html></html lang="ko">
2) 속성들은 보통 속성명="속성값" 형태로 다음과 같이 사용된다.
lang="ko"
title="header"
src="test.png"
※ 속성명 다음에 공백없이 등호(=)가 오고 그 다음에 공백없이 속성값이 오는 것에 주의해야 한다.
※ 속성명은 대소문자와 상관없지만 소문자(lowercase)로 쓰는 것을 권장한다.
※ 속성값은 큰 따옴표로 묶도록 하자. (큰 따옴표가 없어도 되지만 오류가 발생하는 경우가 많아 사용하는 것을 권장한다.)
3) 하나의 요소가 여러 개의 속성을 가질 수 있다. 속성과 속성 사이는 공백으로 구분한다.
여러 개의 속성은 원하는 순서로 임의로 배치할 수 있다.
<태그명 속성명1="속성값1" 속성명2="속성값2" 속성명3="속성값3">내용(content)</태그명>
속성이 기입된 다음 사례들을 살펴보자.
<html> </html lang="ko">
→ 속성은 시작태그에 작성
<html lang=ko>내용</html>
→ 속성값은 큰 따옴표로 묶는 것을 권장함("ko")
<html LANG="ko">내용</html>
→ 속성명은 소문자(lowercase)를 권장함(lang)
<html lang ="ko">내용</html>
→ 속성명과 등호(=) 사이에 공백이 없어야 함
<태그명>내용</태그명 속성명="속성값">
→ 속성은 시작태그에 작성
<html lang= "ko">내용</html>
→ 등호(=)와 속성값 사이에 공백이 없어야 함
<태그명 속성명1="속성값1"속성명2="속성값2">내용</태그명>
→ 속성들 간은 공백으로 구분되어야 함
<html lang = "ko">내용</html>
→ lang과 등호(=) 사이의 공백과 등호(=)와 속성값 사이의 공백이 없어야 함
Anki 파일
아래는 본 포스팅의 내용을 갈무리하기 위한 Anki 파일입니다. 참고하시기 바랍니다.
Ankilog 파일: 
0010 속성(attribute)과 속성 작성방법.apkg
'Anki로 공부하기 > HTML공부' 카테고리의 다른 글
| 0012 제목(heading)의 h요소 (0) | 2018.11.12 |
|---|---|
| 0011 head 요소와 그 내부에 중첩된 title 요소 (0) | 2018.11.10 |
| 0009 html 요소와 속성 (0) | 2018.11.09 |
| 0008 HTML 문서유형선언 (0) | 2018.11.08 |
| 0007_웹페이지의 기본 구조 및 태그 (0) | 2017.12.28 |