오늘날 인터넷 분야에서 WEB 표준이라는 용어는 사용자와 웹 개발자의 개념에서 점점 더 유행하고 있습니다. 그러나 WEB 표준의 개념은 너무 일반적이어서 WEB 표준이 정확히 무엇인지, WEB 표준에 포함된 내용이 무엇인지에 대한 사람들의 견해가 다릅니다. China E-Dong.com이 후원하는 "E-Dong Cup" ShopEx 템플릿 콘테스트 포럼에서 참가자와 리뷰어들은 WEB 표준과 템플릿 코드의 "표현 기법"이 무엇인지에 대해 열띤 토론을 벌였습니다. 이 기사에서는 WEB 표준에 대한 저자의 견해를 설명합니다. WEB 표준에서 일반적으로 언급되는 개념을 누구나 이해할 수 있도록 하기 위함입니다.
소위 '표준'은 없고 제안만 있을 뿐이다.
우선, 실제 WEB 표준이 없다는 점을 이해해야 합니다. 실제로 존재하는 것은 ISO 표준 및 Ecma와 같이 표준화를 촉진하는 일부 조직입니다. 대부분의 사람들이 WEB 표준을 언급할 때 실제로는 W3C의 내용을 언급하고 있습니다. 그러나 W3C는 실제로 표준을 설정하지 않고 권장 사항만 제공합니다. “W3C 권장 사항은 광범위한 합의를 구축한 후 W3C 회원과 이사의 승인을 받은 사양 또는 지침 세트입니다. W3C는 권장 사항을 광범위하게 배포할 것을 권장합니다.”
WEB 표준의 의미
일반적으로 WEB 표준은 다음과 같은 부분으로 구성됩니다.
• 유효한 HTML/XHTML
•코드 의미가 명확합니다.
•컨텐츠(HTML/XHTML) 프리젠테이션(CSS)과 인터랙션(Javascript) 분리
어떤 사람들에게는 웹 표준이 위의 모든 것을 의미하지만 다른 사람들에게는 웹 표준이 그 일부일 수도 있습니다. 그러나 가장 중요한 것은 이 세 부분이 훌륭한 사이트를 구축하는 데 필수적이라는 것입니다.
유효한 HTML/XHTML
첫 번째 요점부터 시작하겠습니다. 유효한 코드는 WEB 표준을 향한 첫 번째 단계입니다. 대부분의 사람들에게 유효하다는 것은 HTML/XHTML 코드만을 의미하지만 CSS 유효성 검사도 있다는 것을 잊지 마십시오. HTML/XHTML 코드의 유효성을 확인한다는 것은 기본적으로 웹 페이지의 코드가 선택한 문서 유형을 준수하는지 여부를 의미합니다.
올바른 문서 유형을 선택하는 것은 HTML/XHTML 코드가 해석되는 방식과 다른 브라우저에서 레이아웃이 어떻게 다른지 결정하므로 중요합니다. 확인된 코드는 브라우저 호환성을 너무 많이 고려하지 않고도 다양한 브라우저에서 잘 표시될 수 있습니다. 유효성을 검사하면 페이지에서 잠재적으로 영향을 미치는 코드를 발견하고 이를 수정하여 개발 프로세스를 보다 효율적으로 만들고 향후 유지 관리 비용을 줄일 수 있습니다.
코드 확인 도구
코드 의미가 명확합니다.
페이지에 존재하는 모든 요소는 그 의미를 가지고 있어야 하며 그 의미를 정확하게 표현할 수 있어야 합니다. 간단히 말하면, 상황에 따라 적절한 요소를 선택하는 것을 의미합니다. 예시는 다음과 같습니다
이 코드는 명확하지 않습니다.
| 인용된 내용은 다음과 같습니다. <div class="page-heading">페이지 제목</div> <a class="menu-item" href="/item-1">메뉴 항목 1</a> |
동일한 성능으로 의미가 훨씬 더 명확해집니다.
| 인용된 내용은 다음과 같습니다. <h1>페이지 제목</h1> <ul 클래스="메뉴"> |
코드 의미를 명확하게 만드는 것은 실제로 매우 간단합니다. h1-h6을 사용하여 제목을 정의하고, p를 사용하여 기사 단락을 정의하고, ul, ol 등을 사용하여 목록 항목을 정의합니다. . . 이렇게 하면 원하는 코드 부분을 쉽게 찾을 수 있으며 코드 양이 줄어들기 때문에 페이지 로드 시간을 크게 줄일 수 있습니다. 그리고 이는 SEO에도 도움이 된다는 점을 잊지 마십시오. 명확한 의미 체계는 Google 및 기타 검색 엔진이 귀하의 사이트를 더 잘 색인화하는 데 도움이 될 수 있습니다.
콘텐츠(HTML/XHTML) 프리젠테이션(CSS)과 상호작용(Javascript) 분리
콘텐츠(HTML/XHTML) 프레젠테이션(CSS)과 상호 작용(Javascript)을 분리하는 것이 중요한 데에는 여러 가지 이유가 있습니다. 업무 분업이 다르며 이를 합리적으로 사용하는 방법에 대한 신중한 고려가 필요합니다.
별거 이유
성능: 첫 번째 로드 후 CSS 및 js와 같은 외부 파일이 사용자 캐시에 저장되므로 이후 로드 시간이 절약되고 경험이 향상됩니다.
종합: 언제든지 코드를 찾아 정확하게 배치할 수 있습니다.
유용성: 언제든지 쉽게 코드를 참조하고 웹사이트 전체에서 재사용할 수 있습니다.
유지 관리: 성능 및 상호 작용과 관련된 모든 코드는 유지 관리가 용이하도록 중앙에 저장됩니다.
어떻게 하면 사용자에게 더 가까워질 수 있나요?
어떤 사람들은 웹사이트를 사용자에게 더 가깝게 만드는 데 더 많은 시간이 걸린다고 말하지만, 사실 기사에서 언급한 세 가지 사항을 실천할 수 있다면 이미 웹사이트에 더 가까워지는 길에 큰 발걸음을 내딛은 것입니다. 사용자.
정확하고 효과적인 코드를 사용하면 페이지에서 잘못된 콘텐츠를 더 쉽게 찾을 수 있습니다. 명확한 의미를 지닌 코드는 휴대용 장치를 더 잘 지원할 수 있으며 CSS 수정 없이 사용자가 웹 사이트를 더 잘 탐색할 수 있도록 할 수도 있습니다. 구조, 성능 및 상호 작용의 분리를 통해 웹 사이트는 JavaScript 지원 없이도 기본 기능을 유지할 수 있습니다. 물론 JavaScript 레이어를 추가하여 사이트 경험을 향상시킬 수 있지만 이것이 웹 사이트 운영의 가장 기본적인 부분은 아닙니다.