Skip to main content

label 태그


  langlabel 속성태그

lang 속성은 <htmllabel> 태그에 설정하요소는 것이 일반적입으로 <input>, <textarea>, <select>와 같은 폼 필드와 연결하여 사용합니다. <label>과 폼 필드는 for와 id 속성으로 연결됩니다.

<form> 
  <label for="email">Email Address</label>
  <input type="email" id="email" name="email"> 
</form>
 label 태그를 사용하지 않아도 되는 경우

  • 시각적으로 명확하게 구분된 필드: 폼 필드와 그에 대한 설명(예: 텍스트)이 분명히 인식될 수 있도록 디자인된 경우, 일부 사용자들은 <label> 없이도 필드의 목적을 이해할 수 있습니다.

  • 간단한 폼 필드: 예를 들어, 문서<input type="text"> 필드가 한국어로이미 작성되었으면매우 lang="ko"를직관적인 설명을 가지정하고 있고, 영어로특별한 작성된추가 설명이 필요하지 않다고 판단되는 경우에는 lang="en"을<label> 지정합없이도 사용할 수 있습니다.

    <html
    • lang="ko-KR">
 label 태그를 사용해야 하는 경우

lang폼 속성은웹필드와 접근성을 개선하고관련된 SEO설명이 성능을필요할 높이때는 중요한 역할을 합니다. 따라서 HTML 문서의 <htmllabel> 태그에 적절한 lang 속성을 설정반드시 사용하는 것이 좋습니다. 특히 다음과 같은 경우에는 <label>이 필요합니다:

  • 필드에 대한 설명이 명확하지 않거나 추가적인 설명이 필요한 경우: 예를 들어, 이메일 주소, 비밀번호와 같은 입력 필드는 반드시 해당 필드와 연결된 <label>을 가져야 합니다.

  • 스크린 리더 사용자: 스크린 리더는 폼 필드를 읽을 때 <label> 요소를 사용하여 필드에 대한 설명을 제공합니다. 따라서 모든 입력 요소에 대한 설명을 제공하는 <label>을 사용해야 합니다.

Back to top