BBC의 엄격한 CSS 코딩 사양에 대한 자세한 설명
이 기사에서는 업계에서 잘 알려진 BBC의 CSS 코딩 사양에 대해 설명하며 모범 사례, CSS/JS 지원이없는 가독성, W3C 표준 준수를 강조합니다.
코어 포인트 :
BBC의 CSS 사양은 모범 사례에 중점을두고 코드 가독성에 중점을 두어 CSS 및 JavaScript가 비활성화 된 경우에도 웹 페이지 컨텐츠의 접근성을 보장하고 게시 된 W3C 권장 사항을 엄격히 따릅니다.
사양에는
의 사용 금지, 페이지 배경 색상의 의무 및 압축 외부 스타일 시트 사용과 같은 특정 규칙이 포함되어 있습니다. 인라인 스타일은 금지되며 잠재적 인 브라우저 캐싱 문제를 피하기 위해 외부 CSS 파일을로드 할 수 없습니다.
초보자 개발자에게는 어려울 수 있지만이 가이드는 기본적인 사용성 오류를 피하는 데 도움이되는 잘 문서화 된 문서를 제공합니다. 이 사양은 또한 명확한 명명 규칙, 공급 업체 접두사 사용 및 CSS 파일 주석 및 조직에 대한 제안을 통해 간결하고 효율적이며 관리하기 쉬운 코드를 촉진합니다.
일반 CSS 원칙 :
BBC는 컨텐츠 캐리어로 XHTML 1.0 엄격한 XHTML 1.0을 사용하며 가이드는 CSS 나 JavaScript가 활성화되지 않고 웹 페이지 컨텐츠를 읽을 수 있어야한다고 규정합니다. 많은 개발자들이 최신 jQuery 위젯을 빠르게 추가하기 위해이를 무시합니다. 대부분의 브라우저 (또는 웹 개발자 도구 모음과 같은 확장)는 CSS 및 스크립트를 비활성화 할 수 있습니다. 콘텐츠를 읽을 수 없으면 Google 및 스크린 리더가 읽을 수 없습니다. 지침에 따르면 모든 CSS는 게시 된 W3C 권장 사항을 준수해야합니다. 이로 인해 및 - 와 같은 공급 업체 접두사 속성을 배제하는 것처럼 보이기 때문에 문제가 발생할 수 있습니다. 그러나 BBC 웹 사이트는주의해서 사용합니다. 는 사용자 스타일을 덮어 쓰기 때문에 금지되어 있습니다. IE6 수정에 유용하기 때문에 이것은 약간 가혹합니다. 즉, 캐스케이드 문제의 근본 원인을 해결해야 할 때 빠르고 무례한 수정을 위해 학대했습니다. 마지막으로, IE6을 포기한 경우 IE5.5에서 여전히 테스트중인 BBC 코더에게 고려하십시오! IE5.5의 CSS는 특히 나쁘다 : 속성을 구문 분석하려고하지만 비참하게 실패합니다.
CSS 구현 : -
모든 CSS는 압축 외부 스타일 시트 형태로 구현되지만 HTML 헤더의 CSS는 특정 페이지에 규칙이 필요할 때 허용됩니다. 인라인 스타일은 금지되어 있습니다. 이것은 아주 좋습니다. 인라인 스타일을 사용하여 발견 한 코더는 웹 개발 라이센스를 취소해야합니다! 흥미롭게도 외부 CSS 파일은 브라우저 캐시에 영향을 미치기 때문에 !important
를 사용하여로드 할 수 없습니다. 그게 그렇습니까? 나는 이것이 더 이상 현대식 브라우저에서는 그렇지 않다고 생각합니다. @import
유형과 색상 :
공통 글꼴 이름 (Serif, Sans-Serif, Cursive 또는 Monospace)은 모든 속성 끝에 추가해야합니다. 다시 말하지만, 이것은 개발자가 종종 잊어 버린 것입니다. 모든 사람이 컴퓨터에 Arial 또는 Helvetica가있는 것은 아닙니다. 나는이 이중 부정적인 규칙을 좋아한다 : & gt; 인쇄 스타일 시트를 제외하고 PX 및 PT와 같은 모든 브라우저에서 크기가 조정되지 않는 단위를 사용하지 않는다.
BBC는 EM, % 또는 키워드 값을 사용하는 것이 좋습니다. 모든 레벨 브라우저에서 크기를 두 단계 씩 늘린 후 텍스트를 읽을 수 있어야합니다. 나는 이것이 테스트 악몽이 될 것이라고 확신한다! 마지막으로 개발자는 페이지 배경색을 정의해야합니다. 내 컴퓨터 중 하나에서 기본 배경색이 혐오감으로 설정된 후이 규칙을 내 이마에 문신했습니다. font-family
개발자 파라다이스 또는 지옥?
당신이 한동안 업계에 있었다면, 당신은 BBC가 개발 한 많은 지침을 흡수했을 것입니다. 그러나 새로운 개발자는 어떻게 처리합니까? 긍정적 인 측면에서, 이러한 기대는 잘 문서화되어 있으며 코더가 기본적인 유용성 오류를 피하는 데 도움이 될 수 있습니다. 그러나 개발 자체는 충분히 어렵습니다. 대부분의 사람들은 24 개의 상호 관련된 기술에 대해 정의 된 여러 규칙과 규정에 대처하기 위해 노력하고 있습니다. 회사가 엄격한 코딩 가이드 라인을 구현합니까? 그것들은 정렬되었거나 상당히 유연합니까? 그들은 합리적이거나 말도 안되는가? 정기적으로 업데이트 되었습니까? 아니면 여전히 Netscape 3.0에 대한 코드를 작성하고 있습니까? 가이드가 일상적인 개발 작업에 도움이되거나 방해됩니까? 또한 BBC 개발자의 의견을 듣고 싶습니다. 관리자가 떨어져있을 때 규칙을 엄격히 따르거나 비밀리에 사용 했습니까?
(다음은 FAQ 부분이며, 원래 텍스트와 일치하며 더 이상 의사 원리 생성이 없음)
BBC의 CSS 코딩 표준과 Google 또는 WordPress와 같은 기타 인기있는 표준의 주요 차이점은 무엇입니까?
BBC의 CSS 코딩 표준은 모든 디지털 컨텐츠에서 일관성과 가독성을 보장하기 위해 설계되었으며, 이는 소문자, 하이픈 분리 클래스 및 ID 이름의 사용을 강조하고 스타일의 스타일에 대한 ID 선택자를 사용하여 의미 있거나 일반적인 ID 이름을 사용하여 명세서를 권장합니다. ID.이 각각은 고유 한 접근 방식을 가지고 있지만 모두 깨끗하고 효율적이며 유지 관리 가능한 코드를 홍보하는 것을 목표로합니다.
BBC의 CSS 코딩 표준은 공급 업체 접두사를 어떻게 처리합니까?
BBC의 CSS 코딩 표준은 모든 브라우저에서 아직 표준화되거나 완전히 지원되지 않는 CSS 속성에 대한 공급 업체 접두사를 사용하는 것이 좋습니다. 이는 CSS 코드를 다르게 해석하더라도 다른 브라우저에서 올바르게 작동합니다. CSS에서 속기 속성 사용에 대한 BBC의 입장은 무엇입니까?
BBC의 CSS 코딩 표준은 가능할 때마다 속성의 사용을 장려합니다. 이것은 코드를 간결하고 읽기 쉽게 유지하는 것입니다. 그러나 그들은 또한 개발자에게 속기 속성의 의미를 완전히 이해하도록 경고합니다. 때로는 올바르게 사용하지 않으면 예상치 못한 결과로 이어질 수 있기 때문입니다. .
CSS에서 BBC의 CSS 코딩 표준이 어떻게 접근 하는가?
BBC의 CSS 코딩 표준은 코드의 목적과 기능을 설명하기 위해 주석을 사용하는 것이 좋습니다. 그들은 주석을 사용하여 CSS 파일의 섹션을 구별하고 복잡하거나 특이한 코드에 대한 컨텍스트를 제공하는 것이 좋습니다. 의견은 코딩 표준에 대한 모범 사례와 일치합니다. 의견은 코드의 가독성을 크게 향상시키고 코드의 유지 관리 가능성을 크게 향상시킬 수 있습니다.
CSS 속성 주문에 대한 BBC의 지침은 무엇입니까?
BBC의 CSS 코딩 표준은 CSS 속성에 대한 특정 순서를 지정하지 않습니다. 그러나 가독성을 향상시키기 위해 관련 특성을 함께 그룹화하는 것이 좋습니다. 이것은 코드를 이해하고 유지하기가 더 쉽게 만들어주기 때문에 많은 CSS 코딩 표준에서 일반적인 관행입니다.
BBC의 CSS 코딩 표준은 CSS Selectors를 어떻게 처리합니까?
BBC의 CSS 코딩 표준은 스타일링을 위해 ID 선택기를 통해 클래스 선택기를 사용하는 것이 좋습니다. 또한 코드를 유지하기가 더 어려워지고 불필요한 복잡성으로 이어질 수 있기 때문에 지나치게 구체적인 선택기의 사용을 낙담시킵니다.
.
CSS에서 중요한 BBC의 입장은 무엇입니까?
BBC의 CSS 코딩 표준은 코드를 이해하고 유지하기가 더 어려워 질 수 있으므로 중요한 사용을 방해합니다. 보다 구체적인 선택기를 사용하거나 대신 CSS 규칙을 재정렬하는 것이 좋습니다. 이것은 많은 CSS 코딩 표준에서 일반적인 권장 사항입니다.
BBC의 CSS 코딩 표준이 미디어 쿼리 사용에 어떻게 접근합니까?
BBC의 CSS 코딩 표준은 미디어 쿼리를 사용하여 웹 사이트를 응답하고 다른 장치에 올바르게 표시되는지 확인하는 것이 좋습니다. 그들은 CSS 파일 끝에 미디어 쿼리를 배치하고 뷰포트의 너비에 따라 가장 작은 것에서 가장 큰 것까지 구성하는 것이 좋습니다. .
CSS 파일 조직에 대한 BBC의 지침은 무엇입니까?
BBC의 CSS 코딩 표준은 논리적이고 일관된 방식으로 CSS 파일을 구성하는 것이 좋습니다. 그들은 CSS 파일의 다른 섹션을 주석으로 분리하고 관련 속성을 그룹화하는 것이 좋습니다. 이것은 코드의 가독성과 유지 가능성을 크게 향상시킬 수 있습니다. BBC의 CSS 코딩 표준은 CSS 애니메이션 및 전환을 어떻게 처리합니까?
BBC의 CSS 코딩 표준은 때때로 성능 문제로 이어질 수 있으므로 CSS 애니메이션 및 전환을 드물게 사용하는 것이 좋습니다. 그들은 필요할 때만 그것들을 사용하고 애니메이션이나 전환을 추가 한 후에 웹 사이트의 성능을 항상 테스트하는 것이 좋습니다.
위 내용은 엄격한 BBC 스타일 CSS 코딩 표준을 준수합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!