[HTML] alt 속성 줄바꿈

alt 속성은 img 태그에서 이미지에 대해 설명해주는 내용이다. 150자 이내로 사용 가능하다.

이러한 속성은 브라우저에서 보이지는 않지만 이미지를 보지 못하는 시각장애인과 같은 사람들이 스크린리더를 통해 듣거나 검색엔진이 이미지를 읽을 때 이미지 자체가 아닌 alt속성을 읽게 된다.

 

Hello World! 예시

위의 이미지의 경우 이미지 속에 텍스트가 있지만 그 내용은 alt 속성에서 설명해준다.

 

<img src="helloWorld.jpg" alt="Hello World!">

 

alt 속성에서 줄 바꿈 하는 방법은 아래와 같이 원하는 위치에 &#13을 추가해주면 된다.

 

Hello World! 버튼 예시

 

<img src="helloWorld.jpg" alt="Hello World!&#13시작하기 버튼">