Semantic HTML에 관한 글 (스크랩)

IT/HTML+CSS

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

*Semantic은 의미론적이란 뜻

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

= div 남발하지 않기

Semantic HTML | HTML & CSS Is Hard

A friendly tutorial for developing meaningful web pages

www.internetingishard.com

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

CSS 색상 속성 정리 / 투명도 설정 (0)	2021.01.13
HTML의 기본이 되는 시맨틱한 코드를 짜는 법 (2)	2020.12.30
읽어보면 좋은 와이어 프레임 관련 글 (스크랩) (0)	2020.12.15
Semantic class / 의미론적 class 이름을 짓는 법 (스크랩) (0)	2020.12.12

Tech notes