Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
Tags
- 노마드코더
- SQLD
- js
- 톺아보기
- 티스토리챌린지
- 이해할 수 있는
- 엘리스코딩
- 제로베이스
- 백준
- K-Digital Credit
- 자바스크립트
- nomadcoders
- javascript
- 구름edu
- 알고리즘
- Do it! 시리즈
- 노개북
- 노마드 코더
- 비전공자를 위한
- 최원영 저자
- 프로그래머스
- 공부를 가장한 일기일지도
- 모던 자바스크립트 deep dive
- SQL 개발자
- 자격증
- boj
- 오블완
- 개발자북클럽
- CodeStates
- IT 지식
Archives
- Today
- Total
개발자를 희망하는 초보의 자기개발 이야기
HTML5 시멘틱 태그와 웹 표준을 지키는 이유 본문
반응형
시멘틱 태그를 사용하는 이유
- 접근성 향상
- 스크린 리더와 같은 보조 기술이 웹 페이지의 구조를 더 잘 이해할 수 있음
- 시각 장애인이나 다양한 사용자가 웹 콘텐츠에 쉽게 접근하고 이해 가능
- 예: <nav> 태그 사용 시 내비게이션 메뉴임을 명확히 알 수 있음
- SEO(검색 엔진 최적화)
- 검색 엔진이 콘텐츠의 의미를 더 잘 이해하여 검색 결과에 반영
- 검색 엔진 결과 페이지(SERP)에서 더 나은 순위를 차지할 수 있음
- 예: <article> 태그 사용 시 독립적인 콘텐츠 블록임을 검색 엔진이 인식
- 코드 가독성과 유지보수성 향상
- 시멘틱 태그는 코드의 가독성을 높여줌
- 태그만 보고도 해당 부분의 의미를 쉽게 파악 가능
- 협업 작업 시 유용하며, 유지보수 시 코드를 빠르게 이해하고 수정 가능
웹 표준을 지키는 이유
- 호환성
- 다양한 브라우저와 기기에서 일관된 사용자 경험 제공
- 표준을 따르지 않으면 특정 브라우저에서만 정상 작동하고 다른 브라우저에서는 오류 발생 가능
- 사용자 경험 저해 및 수정 필요성 증가
- 접근성
- 모든 사용자가 웹 콘텐츠에 접근 가능하도록 보장
- 다양한 기기와 보조 기술을 사용하는 사용자들을 포괄 가능
- 법적 규제 준수에도 도움
- 유지보수성과 확장성
- 표준 준수 시 코드의 유지보수성과 확장성 향상
- 일관된 규칙에 따라 코딩 가능
- 새로운 기능 추가나 기존 기능 수정 시 적은 노력과 시간 필요
- 커뮤니티와의 협업
- 웹 표준 준수 시 다른 개발자들과의 협업 용이
- 오픈 소스 프로젝트나 팀 프로젝트에서 중요
- 코드 리뷰와 협업 과정 원활
반응형
'프론트엔드(Front-end)' 카테고리의 다른 글
웹의 주요 프로그래밍 언어 3가지 (2) | 2023.11.04 |
---|---|
당신이 몰랐던 웹 이야기 (0) | 2023.11.04 |
웹 개발과 웹 작동방식이란? (2) | 2023.11.03 |
Can I use 에서 브라우저 호환성 확인하기 (0) | 2023.10.29 |
[vscode] Prettier 설정 (0) | 2023.10.23 |