티스토리 뷰
HTML 속성
- 모든 HTML 요소는 속성 을 가질 수 있습니다 .
- 속성은 요소에 대한 추가 정보를 제공합니다.
- 속성은 항상 시작 태그에 지정됩니다.
- 속성은 일반적으로 다음과 같이 이름 / 값 쌍으로옵니다. name = "value"
lang 특성
문서의 언어는 <html> 태그 에서 선언 할 수 있습니다 .
언어는 lang 속성 으로 선언됩니다 .
접근성 응용 프로그램 (화면 판독기) 및 검색 엔진에서 언어를 선언하는 것이 중요합니다.
<!DOCTYPE html> <html lang="en-US"><body> ... </body> </html> |
제목 속성
여기에서 title 속성이 <p> 요소 에 추가됩니다 . 단락 위로 마우스를 가져 가면 제목 속성의 값이 툴팁으로 표시됩니다.
<p title="I'm a tooltip"> This is a paragraph.</p> |
툴팁이란?
- 툴팁은 사용자 인터페이스의 도구나 도면 영역의 항목에 대한 정보 또는 도구를 사용할 때 다음으로 수행할 작업에 대한 지침을 제공합니다.
<I'm a tooltip 이 밑에 표시되어 나타나는 것이 툴팁!!>
href 속성
HTML 링크는 <a> 태그 로 정의 됩니다. 링크 주소는 href 속성에 지정됩니다.
<!DOCTYPE html> <html> <body> <a href="http://hading.tistory.com/">This is a link</a> </body> </html> |
크기 속성
HTML 이미지는 <img> 태그 로 정의 됩니다.
소스의 파일명 ( src )과 이미지의 크기 ( 폭 과 높이 )는 모두 속성으로 제공됩니다 .
<img src="Hading.jpg" width="104" height="142"> |
이미지 크기는 픽셀 단위로 지정됩니다. width = "104"는 104 화면 픽셀 폭을 의미합니다.
alt 속성
고도 속성은 화상을 표시 할 수없는 경우에는, 사용하는 대체 텍스트를 지정한다.
속성 값은 화면 판독기에서 읽을 수 있습니다. 이런 식으로 웹 페이지를 "듣는"사람, 예를 들어 맹인이 요소를 "들을"수 있습니다. 즉, 그림이 없을 때 나올 설명과 의미가 유사합니다.
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142"> |
속성 값을 인용한다.
HTML5 표준은 속성 값을 따옴표로 묶을 필요가 없습니다.
HREF 상기 입증 특성은,과 같이 쓸 수있다 :
※하지만 따옴표를 생략하면 오류가 발생할 수 있습니다.※
<a href=https://Hading.tistory.com> |
단일 또는 이중 따옴표?
속성 값을 둘러싼 큰 따옴표는 HTML에서 가장 일반적이지만 작은 따옴표도 사용할 수 있습니다.
경우에 따라 속성 값 자체에 큰 따옴표가 들어 있으면 작은 따옴표를 사용해야합니다.
<p title='John "ShotGun" Nelson'> |
반대의 경우
<p title="John 'ShotGun' Nelson"> |
HTML 속성
다음은 HTML에서 자주 사용되는 일부 속성의 사전 순 목록입니다.
