웹 코딩 표준 시행 [중복]

Question

이 질문에 이미 답변이 있습니다.

• HTML 및 CSS에 대한 기본 코딩 표준 [닫힘] 3 답변

  HTML 표준은 CSS (프레젠테이션)와 HTML (의미 또는 구조) 사이의 명확한 구분을 정의합니다.

  이 분리를 유지하는 데 도움이되는 절이있는 CSS 및 XHTML에 대한 코딩 표준 문서를 사용하는 사람이 있습니까?그러한 코딩 표준 문서에 포함 할 좋은 절은 무엇입니까?

Answer 1

우리 모두가 내가 일하는 곳에서 고수하는 물리적 문서가 없습니다.우리가 시도하고 염두에 둔 많은 지침이 있지만 실제 문서를 요구할만큼 정보가 충분하지 않습니다.이 도움말 은 이러한 가이드 라인을 잘 요약합니다.쉽게 읽을 수 있도록 CSS 형식을 고려할 수도 있습니다. Smashing Magazine 은이 주제에 대한 기사.

Answer 2

@Lee Theobald가 언급 한 기사는 좋은 시작입니다.

마크 업할 때 염두에 두려는 몇 가지 기본 아이디어 :

html 관련 :

다음 사람을 위해 글을 쓰세요. 즉, 다른 사람이 와서 작업을 수행하고 계속하는 것이 얼마나 쉬울 지 또는 어려울 지 생각해보세요.

이 원칙을 지원하려면 마크 업이 가능한 한 읽기 쉬운 지 확인해야합니다. 특히 class 및 id 태그는 의도 한 콘텐츠와 가능한 한 많이 관련되어야합니다. 즉, 태그를 사용하여 콘텐츠의 종류를 설명하십시오.

예 : "하위 탐색", "콘텐츠"등

목표는 이전에 보지 않았던 누군가가 포착 할 수있는 마크 업을 제공하고 문서의 논리적 구조를 이해하는 것입니다.

또한 순전히 시각적 효과를 얻기위한 마크 업을 추가하지 마십시오. 그러나 약간의 정교한 스타일이 필요한 웹 사이트는 현재 CSS 구현의 약점과 브라우저 호환성 문제로 인해 의미없는 마크 업을 피할 수 없을 것입니다.

CSS 파일 관련 :

많은 사람들이 댓글을 사용하여 CSS를 섹션으로 나누어 기능적 또는 구조적 영역으로 구분합니다. 따라서 머리글, 바닥 글 또는 타이포그래피에 대한 섹션이있을 수 있습니다. 다른 사람들은 이것을 더 가져 와서 하나는 타이포그래피 용, 하나는 레이아웃 용 등으로 파일간에 CSS를 분할합니다. 그러나 이것은 Yslow에 따르면 가능합니다! http 요청 증가로 인해 페이지로드에 부정적인 영향을 미칠 수 있습니다.

더 많이 쓸 수는 있지만 보시다시피 간결하기 위해 노력하고 있습니다. 도움이 되셨기를 바랍니다.