상세 컨텐츠

본문 제목

Semantic HTML에 관한 글 (스크랩)

IT/HTML+CSS

by J KIMS 2020. 12. 14. 15:49

본문

반응형

출처 : Unsplash

 

*Semantic은 의미론적이란 뜻

Semantic HTML은 각 태그가 담고 있는 정보와 관련 있는 태그를 적절하게 사용하는 것

= div 남발하지 않기

 

https://www.internetingishard.com/html-and-css/semantic-html/

 

Semantic HTML | HTML & CSS Is Hard

A friendly tutorial for developing meaningful web pages

www.internetingishard.com

https://medium.com/alistapart/writing-html-with-accessibility-in-mind-a62026493412

 

Writing HTML with accessibility in mind

An introduction to web accessibility. Tips on how to improve your markup and provide users with more and betters ways to navigate and…

medium.com

<img> 태그에 alt 속성은 빈상태로 놔누던가 삭제하지 말기. 빈 상태로 놔두면 스크린리더(화면에 나타나는 정보를 음성 낭독해주는 프로그램)에게 이 이미지가 중요하지 않다는 정보를 줄 수 있음. 하지만 아예 속성을 없애버리면 그런 정보를 텍스트로 치환불가능해 짐.

반응형

관련글 더보기

댓글 영역