인터넷은 끊임없이 변화하고 발전하는 유기체이기 때문에 인터넷과 함께 변화하고 성장할 수 있는 웹사이트를 구축하는 것도 매우 중요합니다. 변화.
웹 표준을 사용하여 깔끔한 마크업과 사이트 구축은 사람들을 혼란스럽게 할 수 있지만 그렇게 하면 장기적으로 시간과 비용을 절약할 수 있습니다.
네트워크가 확장됨에 따라 네트워크에 사용되는 기술도 지속적으로 발전하고 있습니다. HTML은 오랫동안 인터넷에 존재해 왔으며 지속적인 개발 과정에서 많은 파생물을 만들어냈습니다.
처음에는 Javascript가 나왔고 그 다음에는 CSS, XML, AJAX가 나왔습니다. Firefox, Safari, Opera 및 Chrome이 모두 HTML5를 지원하면서 HTML5의 광범위한 채택이 코앞으로 다가왔습니다(IE는 이전보다 뒤처져 있습니다).
이 기사에서는 네트워크 표준의 기초를 연구하기 위해 Wangyi Technology www.idccss.com을 예로 들겠습니다. 이는 귀하에게 무엇을 의미합니까? 누구나 쉽게 간과합니다.
"깨끗함" 표시는 무엇을 의미하나요?
즉, 이는 서로 다른 언어에 대해 동일한 태그와 구조를 사용하여 혼란을 제거하고 표준을 호환 가능하게 만드는 것을 의미합니다.
클린 HTML은 불필요한 태그의 사용을 줄이고, 불필요한 것을 제거하며, 매우 작은 마크업을 사용하여 작업을 성공적으로 완료할 수 있습니다. 내장된 CSS, 각 파일의 구조, 구성 등 불필요한 속성을 사용하지 않습니다. 마찬가지로 클린 CSS는 중복을 피하고 기존 리소스를 활용해야 합니다. 표준 준수는 귀하의 페이지가 W3C에서 게시한 HTML, CSS 및 XML 표준을 준수함을 의미합니다. 이는 W3C를 사용하여 오류를 감지하고 수정하며 웹 페이지를 100% 사용할 수 있을 때까지 테스트하는 것을 의미합니다.
모든 웹사이트 디자인 프로젝트에는 시간 제한이 있으며 고객은 웹사이트가 미리 완성되기를 원합니다. 따라서 웹 개발자와 디자이너는 더 빠르고 효율적으로 작업해야 한다는 끊임없는 압박을 받고 있습니다.
저는 보통 이렇게 생각합니다. "빠르게 생각하면 엉성해지고, 깔끔하고 표준적인 형식으로 마크업하는 데 시간이 많이 걸립니다." 그리고 대개 "이것은 이미 작동하고 있습니다. 이것이 가장 좋은 방법입니다." 중요합니다. 지금까지는 당신에게 도움이 되었습니다. 하지만 내년에는 어떨까요? 지금부터 3년 후에는 어떤 영향을 미칠까요?
정말 검색 엔진이 하루 종일 같은 방식으로 작동할 것이라고 생각하시나요? 당신은 매우 까다로워서 기준을 충족하지 못하면 겉으로 보이는 페이지 순위가 떨어질 것입니다.
다음 사람이 당신이 만든 웹 페이지를 변경해야 한다면 어떻게 될까요? 자동차에 치이거나, 외계인에게 납치되거나, 극지 탐험 중에 캠프장을 찾을 수 없다면 어떻게 될까요? 뒤에 남겨진 혼란스러운 부분을 복구하려면 코드를 보고 이해하기 위해 모든 노력을 기울여야 합니다. 이것이 간단한 일이겠습니까? 이 사람이 당신을 괴롭히지 않고 저주하지 않을 것이라고 누가 보장할 수 있습니까?
그래서 처음 할 때 올바른 방법으로 해야 합니다. 이것은 귀찮은 일이 아니라 삶의 철학입니다. 이렇게 하면 실제로 많은 시간과 비용을 절약할 수 있고 함께 일하는 사람들의 일이 더 쉬워질 것입니다.
내장 CSS에 원하는 것을 작성하는 것이 특정 규칙에 따라 작성하는 것보다 빠르다고 생각할 수도 있습니다. 그리고 전체 파일 구조를 고려하지 않고 무작위로 쓰는 것이 더 빠르다고 생각할 수도 있습니다. 나중에 파일을 업데이트하거나 웹 사이트를 다시 디자인할 때 당시 저장한 것보다 우연히 작성한 코드를 수정하는 데 더 많은 시간을 소비하게 됩니다. 새 페이지를 작성할 때 이전에 사용했던 성가신 인라인 코드가 다시 돌아와서 사용자를 가두게 되며 이를 제거하는 데 많은 시간이 소요됩니다.
확장성, 접근성, 혁신 및 미래 표준
모바일 브라우저의 개발은 점점 더 유망해지고 있으며 이제 거의 모든 사람이 휴대폰을 사용하여 인터넷 서핑을 할 수 있습니다. 시각 장애인을 위한 화면 판독기, 장애인을 위한 가변 인터페이스 장치 등 보조 기술도 개발되고 있습니다. 이러한 변경 사항을 고려하지 않음으로써 자신에게 불리한 상황을 초래하고 싶지는 않을 것입니다.
전 세계 인터넷 사용자의 경우 귀하의 웹사이트 콘텐츠가 부분적으로 여러 언어로 번역될 수 있습니다. 인터넷 아카이브, Google 캐시 및 기타 네트워크 요소 덕분에 오늘 게시한 페이지는 사이트에서 삭제한 후에도 오랫동안 남아 있을 수 있습니다.
깨끗한 마크업과 표준은 향후 웹이 발전함에 따라 사이트가 원활하게 발전할 수 있도록 보장하는 데 큰 도움이 됩니다.
해야 할 일과 하지 말아야 할 일
생각하는 대로 태그를 사용하세요. 예를 들어, h1은 웹 페이지에서 가장 높은 수준이고 그 다음은 h2, h3 등입니다. 각 페이지에는 하위 h1 태그가 하나만 있어야 합니다.
CSS 표준과 ID의 이름을 의미 있게 지정하고 다른 사람들이 그 이름의 의미를 알 수 있는지 자문해 보십시오. 이름도 흥미롭습니다. #box12 또는 #commentscale?
CSS를 잘 활용하세요. 예를 들어 폴더에 글꼴을 설정한 경우 각 하위 폴더에 다른 글꼴을 설정하려는 경우가 아니면 모든 하위 폴더에 글꼴을 다시 설정할 필요가 없습니다. 이로 인해 페이지가 빠르게 열릴 수 있습니다.
HTML, CSS 및 XML을 사용하여 가능한 한 많은 오류를 수정하세요. 또한 생성된 경고에도 주의를 기울이세요.
WYSIWYG 생성 코드를 주의 깊게 검토하고 필요한 코드 정리를 수행합니다. 이러한 코드는 부풀어오르고, 중복되며, 불필요하고 쓸모없는 정크를 많이 포함하고 있습니다.
단지 바쁘다는 이유만으로 인라인 서식과 관련 없는 태그 및 속성을 삽입하지 마세요.
단지 단기적인 효과가 있다고 해서 계속 사용하지 마세요. 페이지를 사용할 수 있다고 해서 해당 코드가 표준이고 문제가 없으며 검색 엔진에 적합하다는 의미는 아닙니다.