웹표준

✍️ 기록/HTML CSS

김물사 2019. 7. 24. 10:11

📌 웹표준 (Web Standards) 이란?

웹표준(Web standards)은 월드 와이드 웹(WWW)을 구현하기 위해 웹 개발자들이 따라야 할 규격이나 표준을 의미합니다. 이 표준들은 웹 사이트나 웹 애플리케이션을 일관되게 만들고, 다양한 브라우저와 장치에서 제대로 작동하도록 보장해 줍니다.
현재 웹 표준 기술 중 HTML5는 새로운 웹 표준 기술로 자리 잡고 있습니다. HTML5는 과거의 HTML4에서 발전하여 웹 개발에 있어 더 많은 기능을 제공하며, 멀티미디어 요소와 반응형 웹을 지원하고 있습니다.
웹 사이트나 웹 페이지가 웹 표준을 준수한다는 것은 일반적으로 올바른 HTML, CSS, 자바스크립트를 사용하여 사이트나 페이지를 구축한다는 의미입니다. 이를 통해 사용자는 어디에서나, 어떤 기기에서든 일관된 웹 경험을 할 수 있습니다.

웹 표준을 준수하는 것은 단지 웹 사이트의 기능적인 면뿐만 아니라 사용자 경험(UX)을 향상시키는 데도 큰 역할을 합니다.

웹 표준을 따르지 않으면 특정 브라우저에서만 웹 페이지가 제대로 작동할 수 있습니다.

한 사이트가 인터넷 익스플로러에서만 잘 작동하고 크롬에서는 제대로 표시되지 않는다면 사용자들은 불편을 겪게 될 것입니다. 모든 사용자가 원활하게 사이트를 이용하려면, 다양한 브라우저에서 동일한 경험을 제공해야 합니다.

현대에는 스마트폰, 태블릿, 데스크톱 등 다양한 장치에서 웹을 사용합니다.

웹 표준을 준수하면 각 장치의 해상도나 화면 크기에 관계없이 사이트가 제대로 표시됩니다.

반응형 웹 디자인을 활용하면 모바일에서도 최적화된 화면을 제공할 수 있습니다.

웹 표준을 지키지 않으면 각기 다른 브라우저나 기기에서 작동하는 웹 페이지를 만들기 위해 중복된 작업을 해야 한다.

브라우저별로 코드를 따로 작성해야 하는 상황이 발생할 수 있습니다. 이는 비효율적이며, 결국 개발 시간과 비용을 증가시킵니다.

웹 표준을 준수한 코드 구조는 일관되며, 다른 개발자가 나중에 코드를 수정하거나 기능을 추가할 때 매우 용이합니다. 코드의 가독성이 높고, 잘 구조화된 HTML과 CSS는 오랜 시간 동안 안정적으로 유지보수할 수 있게 해줍니다.

웹 접근성이란 장애를 가진 사람들이 웹을 자유롭게 이용할 수 있도록 하는 것을 의미합니다. 웹 표준을 따르면, 웹 접근성을 쉽게 확보할 수 있습니다.

음성 낭독기(SCREEN READER): 시각 장애가 있는 사용자들은 음성 낭독기를 사용하여 웹 페이지를 탐색합니다. 올바르게 구조화된 HTML 마크업은 제목, 본문, 링크 등을 명확히 구분할 수 있도록 도와줍니다. 이는 사용자가 음성으로 페이지를 읽을 때 정보를 더 잘 이해할 수 있게 해줍니다.
키보드 네비게이션: 장애가 있는 사용자가 마우스를 사용하지 않고도 키보드만으로 웹 페이지를 탐색할 수 있도록 해줍니다. 키보드로 페이지 내 모든 콘텐츠를 자유롭게 이동할 수 있게 되면, 사용자 경험이 향상됩니다.

웹 표준을 준수하는 사이트는 검색 엔진에서 더 잘 노출됩니다.

웹 표준을 따른 HTML 구조는 검색 엔진 크롤러가 웹 페이지를 보다 정확하게 해석할 수 있게 도와줍니다.

웹 표준을 준수하면 불필요한 코드가 줄어들어 웹 사이트의 성능이 향상됩니다.

잘못된 HTML 태그나 스타일이 성능을 저하시킬 수 있는데, 표준을 따르는 코드는 페이지 로딩 시간을 단축시키고, 모바일과 데스크톱에서 더 빠른 로딩 속도를 제공합니다.