web/html & css

[HTML] 개요

nani-jin 2024. 4. 17. 21:07

1. 원인(코드)과 결과(웹페이지)

[출처] 생활코딩

 

  • 오른쪽은 사람이 하는 일이면서 원인(코드)이고, 왼쪽은 기계가 하는 일이면서 결과(웹페이지)
    • 세상엔 다양한 종류의 언어가 있고, 그 중 웹페이지를 만드는 코드는 HTML(HyperText Markup Language)
    • <태그> 등을 이용해 문서나 데이터의 구조를 알려줌

 

 

 

2. <태그> 별 인기도

 

 

 

3. 태그를 바르게 단다는 것

  • <span style="font-size:24px">coding</span>  vs.  <h3>coding</h3>
    • 위 두 태그를 비교해보면, 왼쪽은 그저 글씨를 크게 키웠고 오른쪽은 제목 태그를 바르게 달았다
    • 이 둘은 별 차이가 없어보이지만, 검색 엔진은 태그를 바르게 단 쪽을 사용자에게 먼저 제시할 것이다
    • 뿐만 아니라 소외되지 않는 접근성을 고려했을때, 시각 장애인의 경우 스크린 리더 등을 통해 웹을 접하므로 태그를 바르게 단 쪽이 훨씬 접근성이 좋을 것이다
    • 웹의 태그를 바르게 다는 것은, 비즈니스적 측면에서도 중요할 뿐만 아니라 휴머니즘적으로도 중요하다

 

 

 

 

[출처] 생활코딩