개요
HTML에서 자주 사용되는 20가지 속성입니다.
| 속성 이름 | 설명 |
| class | 요소에 하나 이상의 클래스를 지정하여 스타일을 적용하거나 JavaScript에서 요소를 선택하는 데 사용됩니다. |
| id | 요소의 고유한 식별자를 지정하여 JavaScript에서 특정 요소를 선택하고 조작하는 데 사용됩니다. |
| style | 요소에 인라인 스타일을 직접 지정하여 특정 요소에 스타일을 적용하는 데 사용됩니다. |
| href | <a> 요소에서 링크 대상의 URL을 지정합니다. |
| src | 이미지, 비디오, 오디오 등의 미디어 요소에서 미디어 파일의 URL을 지정합니다. |
| alt | 이미지의 대체 텍스트를 제공하여 이미지가 로드되지 못한 경우나 스크린 리더를 통해 접근하는 사용자에게 텍스트를 표시합니다. |
| title | 요소에 대한 추가 정보를 제공하며, 마우스를 요소 위로 가져가면 툴팁으로 표시됩니다. |
| type | 입력 요소의 유형을 지정합니다. 예를 들어 텍스트, 비밀번호, 이메일, 버튼 등의 유형을 지정할 수 있습니다. |
| value | 입력 요소의 기본값을 지정합니다. <input>요소에서 초기 텍스트 값을 설정하는 데 사용됩니다. |
| checked | 체크박스 및 라디오 오소에서 기본적으로 선택되어야함을 나타냅니다. |
| disabled | 요소를 비활성화하여 사용자가 해당 요소를 조작할 수 없게 합니다. |
| placeholder | 입력 필드에 플레이스홀더 텍스트를 제공하여 입력 내용을 설명하거나 힌트를 제공합니다. |
| maxlength | 입력 요소의 최대 입력 길이를 제한합니다. |
| min, max | 숫자 입력 요소 에서 허용되는 최솟값 및 최댓값을 지정합니다. |
| readonly | 입력 요소를 읽기 전용으로 만들어 사용자가 값을 수정할 수 없게 합니다. |
| autofocus | 페이지가 로드될 때 해당 요소에 자동으로 포커스를 지정합니다. |
| target | 하이퍼링크의 타겟을 지정하여 링크가 열리는 위치를 제어합니다. |
| rel | <a> 요소에서 링크와 현재 문서 사이의 관계를 지정합니다 |
| role | 요소의 추가 역할을 지정하여 접근성을 향상시킵니다. |
| aria-* | 접근성을 향상시키기 위해 요소에 대한 추가 정보를 제공하는 데 사용되는 다양한 ARIA 속성입니다. |