인터넷은 끊임없이 변화하는 유기체입니다. 인터넷 개발에 오랫동안 적응할 수있는 페이지를 구축하는 것이 매우 중요합니다. 인터넷 개발의 급류에서 웹 사이트의 빠른 후속 조치가 될 수 있습니다.
깔끔한 HTML 태그를 사용하면 표준 호환 페이지를 구축하면이를 수행하는 데 도움이 될 수 있으며, 더 중요한 것은 향후 운영에서 많은 시간과 돈을 절약 할 수 있습니다.
웹 페이지 기술은 인터넷 기술의 개발로 발전하고 있습니다. HTML 기술은 오랫동안 개발되어 왔으며 동반자 기술도 꾸준히 발전했습니다.
먼저 JavaScript, CSS 및 XML입니다. 지금까지 Ajax, HTML5의 대규모 사용이 등장하기 시작했습니다. Firefox, Safari, Opera 및 Chrome은 기본적으로 HTML5를 완전히 지원했습니다 (이 문제에서 Microsoft의 인터넷 익스플로러는 다시 인터넷 개발을 방해합니다. #-_-).
이 기사에서는 기본 웹 표준을 탐색하고, 그 것이 무엇인지, 무엇을 의미하는지, 그리고 이러한 중요하지만 종종 간과되는 문제에 대한 해결책을 논의 할 것입니다.
간단히 말해서, 깔끔한 HTML 태그는 다음을 참조하십시오. 부담 없음, 표준을 준수하며 의미있는 태그와 구조를 사용하십시오.
번거로운 HTML 코드는 태그를 최대한 활용하고 불필요한 코드를 제거하며 의미있는 태그 만 저장할 수 없습니다. 포함 된 CSS와 같은 쓸모없는 속성을 피하고 문서 구조를 깔끔하게 유지합니다.
마찬가지로, CSS 코드는 번거롭지 않은 CSS 코드는 자체 복제, 상속 가능한 속성을 사용하고 (CSS가 계단식 스타일 시트임을 기억하고) 과학적으로 CSS 클래스를 재사용해야합니다.
표준을 준수한다는 것은 W3C의 HTML, CSS 및 XML 표준을 통해 페이지를 확인할 수 있음을 의미합니다. 무료 W3C 유효성 검사기를 사용하여 오류를 찾고 수정하고 100%가 표준을 준수한다는 것을 알기 위해 계속 테스트하십시오.
모든 프로젝트에는 시간 제한이 빡빡하며 사용자는 웹 사이트가 빨리 릴리스 될수록 좋습니다. 따라서 웹 사이트 개발자와 디자이너 모두 작업을 빠르고 효율적으로 완료해야합니다.
사람들이 함정에 빠지는 것은 쉽습니다. 빠른 의미는 조잡하고 깔끔한 표준 호환 코드를 작성하면 시간을 낭비합니다. 사람들은 종종 말합니다 : 그것이 정상적으로 표시되면 아무런 문제가 없습니다.
이 순간에 보여 지지만 내년은 어떻습니까? 3 년 후에는 어떻습니까? 브라우저가 교체되면 어떻게해야합니까? 장치가 호환됩니까?
검색 엔진이 코드를 라인별로 선택할 것이라고 생각하십니까? 그들은 매우 까다 롭습니다. 표준화 된 코드를 사용하지 않으면 검색 엔진을 직접 운전하는 것과 같습니다.
코드를 수정하는 다른 직원이 있으면 어떻게됩니까? 상사가 해고되거나 직접 일자리를 변경하면 어떻게됩니까? 당신의 코드를보고 그들이 의미하는 바를 이해할 수있는 후임자가있을 것입니다. 당신은 이것을 간단하게 만들고 싶습니까, 아니면 그가 당신의 악당을 등 뒤로 찌르기를 원하십니까?
올바르게 쓰기 시작하십시오. 성가신 일이 아니며 시간과 돈을 절약하고 걱정이 줄어 듭니다.
임베디드 CSS를 사용하는 것이 더 빠르다고 생각하거나 구조를 고려하지 않고 HTML을 직접 작성하는 것이 더 편리하다고 생각할 수도 있습니다.
그러나 문서를 수정하거나 앞으로 웹 사이트를 수정하려면 열등한 코드로 인한 간섭에 더 많은 시간을 소비하게됩니다. 새로운 스타일 시트를 만들면 HTML 코드에 흩어져있는 내장 된 CSS는 많은 문제를 일으킬 수 있으며 시간을 쓸 수 있습니다.
모바일 브라우저가 더 빠르고 빠르게 개발되고 있습니다. 모바일 인터넷 액세스는 더 이상 BlackBerry의 특허가 아닙니다. 이제 수억 명의 사람들이 휴대 전화를 사용하여 매일 웹을 탐색합니다.
시각 장애가있는 사람들을 위해 개발 된 보조 브라우징 기술이있는 장치 또는 신체적 불편을 겪는 사람들을 위해 설계된 특수 작동 인터페이스가 이미 일반적입니다. 큰 사용자 기반을 잃고 싶지 않다면 장치 친화적 인 문제를 고려해야합니다.
귀하의 웹 사이트는 점자 사용자에게 제공 될 수 있습니다. 인터넷 콘텐츠 저장소 및 Google 스냅 샷과 같은 도구를 사용하면 웹 페이지가 삭제 되더라도 인터넷에서 오랫동안 유지 될 수 있습니다.
깔끔하고 표준 호환 표시를 사용하면 위의 상황을 쉽게 처리 할 수 있습니다.
수행 - 사전 정의 된 태그를 사용하십시오. 예를 들어, H1은 웹 페이지 컨텐츠의 가장 중요한 부분, H2, H3 등입니다. 웹 페이지에는 하나의 h1 만있을 수 있습니다.
의미있는 요소가있는 이름. 다른 사람이 코드를 읽는 지 스스로에게 물어보십시오. 수업의 의미와 ID 이름을 이해 하시겠습니까? 예를 들어, 동일한 레이어의 경우 #box12 또는 #comment-footer를 사용하십시오. 어느 것이 더 좋다고 생각하십니까?
DO- CSS 상속을 최종 사용하십시오. 예를 들어, 글꼴 속성을 컨테이너에 설정하면 다른 글꼴을 사용하지 않는 한 하위 요소로 별도로 설정할 필요가 없습니다. 이것은 당신의 스타일을 명확하고 간결하게 만듭니다.
수행 - HTML, CSS 및 XML 코드를 표준을 준수하십시오. W3C 유효성 검사기를 사용하여 오류 및 경고를 확인하고 100% 준수 여부를 알 수 있도록 수정하십시오.
DO- 양방향 Wysiwyg 편집기가 생성 한 코드를 확인하십시오. Wysiwyg 브라우저는 쓰레기 코드를 생성하는 큰 헤더이며 생성하는 코드를 간소화해야합니다.
내장 된 CSS 스타일과 관련없는 태그 및 속성을 사용하지 마십시오. 당신은 제 시간에 매우 바쁘기 때문에 마음대로 이런 것들을 추가하지 마십시오.
하지 마십시오 - 올바르게 표시하는 데 만족하지 마십시오. 페이지에 숨겨진 오류는 페이지를 인식하지 않고 다른 브라우저 나 장치에서 페이지를 망칠 수 있기 때문입니다.