속성은 HTML 요소에 대한 추가 정보를 제공합니다.
HTML로 속성은 HTML 요소 유형의 수정이다. 속성은 요소 유형의 기본 기능을 수정하거나하지 않고 제대로 작동 할 수없는 특정 요소 유형에 기능을 제공 하나. HTML 구문에서 속성은 HTML 시작 태그에 추가됩니다.
HTML 속성
- HTML 요소를 가질 수 attributes
- 속성이 제공하는 additional information 요소에 대한을
- 속성은 항상에 지정된 the start tag
- : 속성은 같은 이름 / 값 쌍으로 name="value"
기술
HTML은 =로 구분 된 이름 - 값 쌍으로 표시하고 요소의 이름 뒤에, 요소의 시작 태그 안에 기록 된 일반적 속성 :
<tag attribute="value">content to be modified by the tag</tag>HTML 요소 유형 및 속성 태그 이름은 제공된 값으로 설정 속성의 이름은입니다. 특정 문자로 구성된 값을 HTML (그러나 XHTML)에서 인용 부호가 남아있을 수 있지만 값은 속성이 안전하지 않은 것으로 간주됩니다 인용 부호로 둘러싸이지 않은 값 .Leaving, 단일 또는 이중 따옴표로 묶어야 할 수있다.
대부분의 속성 쌍을 이름과 값으로 제공되지만, 일부는 단순히 (img 요소의 ISMAP 속성 등) 요소의 시작 태그에 자신의 존재에 의해 요소에 영향을 미칩니다.
대부분의 요소는 몇 가지 일반적인 속성을 사용할 수 있습니다 :
id 속성은 element.This에 대한 문서 전체의 고유 식별자가 요소의 내용 또는 프리젠 테이션을 변경하기 위해 특정 요소에주의를 집중하는 브라우저에서, 표현 적 특성을 제공하기 위해 CSS 선택기로 사용하거나 스크립트가 될 수 있습니다. 페이지의 URL에 추가 URL은 직접 문서 내의 특정 요소, 페이지 일반적으로 하위 섹션을 목표로하고있다. 예를 들어, ID는 "속성".
클래스 속성이 유사한 요소를 분류하는 방법을 제공합니다. 이것은 의미 적 목적을 위해, 또는 프레젠테이션 용도로 사용할 수 있습니다. 의미, 예를 들어, 클래스는 마이크로 포맷에 사용됩니다. Presentationally, 예를 들어, HTML 문서는이 클래스 값을 가진 모든 요소가 문서의 본문에 종속되어 있음을 나타 내기 위해 지정 클래스 = "표기법"을 사용할 수 있습니다. 이러한 요소들은 함께 모여 대신 그들은 HTML 소스에서 발생하는 장소에 나타나는의 페이지에 각주로 표시 될 수 있습니다. 또 다른 프리젠 테이션 용도는 CSS 셀렉터로 될 것입니다.
저자는 특정 요소에 스타일이 아닌 attributal 코드를 표현 적 속성을 사용할 수 있습니다. 때때로이 스타일 속성의 간단하고 특정 또는 특별 응용 프로그램에 대해 너무 복잡 할 수 있지만, 요소의 ID 또는 클래스는 스타일 시트와 요소를 선택 속성을 사용하는 것이 더 연습으로 간주됩니다.
제목 속성은 요소에 subtextual 설명을 첨부하는 데 사용됩니다. 대부분의 브라우저에서이 속성은 종종 툴팁이라고 무엇으로 표시됩니다.
약어의 요소는, 약식, 이러한 다양한 특성을 보여주기 위해 사용할 수 있습니다 :
<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>HTML로이 예제를 표시합니다; 대부분의 브라우저에서, 약자에 커서를 가리키는 제목 텍스트가 표시되어야합니다 "하이퍼 텍스트 마크 업 언어를."
대부분의 요소는 언어 관련이 LANG 및 디렉토리 속성 걸릴.
lang 특성
문서 언어는 선언 할 수있는 <html> 태그입니다.
언어는에 선언 lang 속성.
언어를 선언하는 것은 내게 필요한 애플리케이션에 중요하다 (screen readers) 와 검색 엔진 :
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>처음 두 문자 언어 지정 (en) . 방언이있는 경우, 두 개의 이상의 문자 사용 (US) .
title 특성
HTML 단락은로 정의 <p> 태그.
이 예에서, <p> 요소는 title 속성을 갖는다. 속성의 값은 " About w3im " :
예
<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p> »그것을 자신을 시도 당신이 요소 위로 마우스를 이동하면 타이틀은 툴팁으로 표시됩니다.
href 특성
HTML 링크가 정의되어 <a> 태그입니다. 링크 주소가 지정됩니다 href 속성 :
당신은 링크와에 대해 자세히 배울 수 <a> 나중에이 튜토리얼에서 태그를.
크기 속성
HTML 이미지는 정의되어 <img> 태그입니다.
소스의 파일명 ( src ) 와 이미지 (크기의 width 및 height )의 모든 특성으로 제공된다 :
화상 크기는 픽셀 단위로 지정된다 : 가로 = "104"(104 개) 스크린 픽셀의 폭을 의미한다.
당신은 이미지와에 대한 자세한 배우게됩니다 <img> 나중에이 튜토리얼의 태그를.
alt 특성
alt 속성은 HTML 요소를 표시 할 수없는 경우, 사용되는 대체 텍스트를 지정합니다.
속성의 값을 읽을 수 있습니다 "screen readers" . 이 방법은, 누군가 "listening" 웹 페이지로는, 시각 장애인 즉, 수 "hear" 요소를.
우리가 제안 : 항상 사용 소문자 속성
HTML5의 표준은 소문자 속성 이름을 필요로하지 않습니다.
title 속성은 같은 대문자 또는 소문자로 기록 될 수 있습니다 Title 및 / 또는 TITLE .
W3C는 HTML4에서 소문자를 권장하고, XHTML과 같은 엄격한 형식의 문서 소문자를 요구한다.
낮은 경우가 가장 일반적입니다. 소문자가 입력하는 것이 더 쉽습니다.
우리는 항상 소문자를 사용 w3ii에서 속성 이름.
우리가 제안 : 항상 견적 속성 값
HTML5의 표준은 인용 주위에 속성 값을 필요로하지 않습니다.
href 위의 증명 속성은, 같이 쓸 수있다 :
W3C는 recommends HTML4에 따옴표를, 그리고 XHTML과 같은 엄격한 문서 유형에 따옴표를 요구한다.
때때로 따옴표를 사용하는 것이 필요하다. 공백이 포함되어 있기 때문에이 제대로 표시되지 않습니다 :
사용 따옴표가 가장 일반적이다. 생략 인용 오류를 생성 할 수 있습니다.
우리는 항상 따옴표를 사용 w3ii에서 주변의 속성 값을.
작은 따옴표 나 큰 따옴표?
더블 스타일의 따옴표는 HTML의 가장 일반적인, 그러나 하나의 스타일도 사용할 수 있습니다.
속성 값 자체가 큰 따옴표가 포함 된 경우 어떤 상황에서는, 작은 따옴표를 사용하는 것이 필요하다 :
<p title='John "ShotGun" Nelson'>혹은 그 반대로도:
<p title="John 'ShotGun' Nelson">장 요약
- 모든 HTML 요소는 속성을 가질 수있다
- 은 HTML title 속성이 추가로 제공한다 "tool-tip" 정보를
- html로 href 속성은 링크에 대한 주소 정보를 제공합니다
- html로 width 및 height 속성은 이미지의 크기 정보를 제공
- html로 alt 속성은 화면 판독기 텍스트를 제공합니다
- 우리가 항상 사용 w3ii에서 lowercase HTML을 속성 이름을
- w3ii에서 우리는 항상 quote 큰 따옴표와 속성
연습으로 자신을 테스트!
HTML 속성
다음은 자주 HTML에 사용되는 일부 속성의 알파벳 목록입니다 :
| 속성 | 기술 |
|---|---|
| alt | 이미지에 대한 대체 텍스트를 지정합니다 |
| disabled | 입력 요소를 사용하지 않도록 지정 |
| href | URL을 지정합니다 (web address) 링크는 |
| id | 요소에 대한 고유 ID를 지정합니다 |
| src | URL을 지정합니다 (web address) 이미지에 대한 |
| style | 요소에 대한 인라인 CSS 스타일을 지정합니다 |
| title | 요소에 대한 추가 정보를 지정합니다 (displayed as a tool tip) |
각 HTML 요소에 대한 모든 속성의 전체 목록은, 우리에 나열되어 HTML 태그 참조 .