일반적으로 두 프로젝트는 웹 프로젝트에서 작업하는 개발자에게 확실한 출발점을 제시합니다. 그들은 둘 다 많은 개발자들이 각 프로젝트마다 다시 만들어내는 지루하고, 오류가 발생하기 쉬운 보일러 판을 제거합니다. 그들이 어떻게 움직이는 지에 대한 세부 사항은 약간 다르지만, 대부분 같은 결과를 얻습니다.
HTML5Boilerplate에는 개발자가 모범 사례를 따라 서버 측 항목 (예 : 먼 미래 만료 헤더 등)의 속도를 높이는 데 도움이되는 몇 가지 빌드 스크립트 부분이 추가되었습니다. HTML5Reset 프로젝트는 의미, 내용 및 스타일에보다 중점을 둡니다. 예를 들어, HTML5Reset은 HTML5의 페이지 내용에 대한 더 많은 예제 구조를 가지고 있습니다 (사람들에게 새로운 요소의 사용법을 보여주기 위해). 반면 HTML5Boilerplate는 그렇지 않습니다.
HTML5 보일러 플레이트가 포함하는 응답 시간 및 페이지 속도 부분은 더 많은 사용자가 모바일 플랫폼에서 스스로를 찾음에 따라 점점 더 중요 해지고 Google은 효과가 증가함에 따라 page response times have on page rank이 증가합니다. 페이지 응답 시간이 약간 증가하면 사이트가 used and perceived (especially in an eCommerce setting ... 종종 100ms가 더 느린 페이지는 판매 된 제품의 비율이 더 적어지는 경우가 많음)에 부정적인 영향을 미친다는 많은 논문이 있습니다.
CSS 프런트에서 두 프로젝트의 리셋 스타일 섹션의 대부분은베이스 라인이 설정되는 부분에 약간의 차이가 있지만 매우 동일합니다. 그러나 IE 고유의 수정 사항은 거의 동일하며 HTML5Boilerplate는 IE에서 양식 요소 (예 : 확인란/라디오 버튼 및 유효/무효 상태)와 같은 스타일을 사용하는 방식에 비해 HTML5Reset보다 조금 더 제어한다고 주장합니다.
두 가지 HTML5Boilerplate가 HTML5Reset을 다루는 CSS 영역은 .hidden
및 .visuallyhidden
과 같이 사이트를보다 쉽게 이용할 수 있도록 도움을주는 일반적인 도우미 클래스가 아니며 브라우저에서 인쇄가 더 비슷해 지도록하는 인쇄 스타일을 크게 조정합니다. 배경 이미지를 투명하게 (토너를 낭비하지 않기 위해) 만들고, 링크에 실제 URL을 추가하고 약어에 제목을 추가하는 것과 같은 일부 비용 절감 및 접근 가능성으로.
유사점과 그 차이점 (그리고 그 이유)이 매우 유익하고 나에게 도움이 되었기 때문에 두 프로젝트의 정보를 통해 읽고 그들이 나란히 비교하여 일을하는 방법을 강력하게 제안합니다. 각자 내가 사용하기를 원하는 부분을 더 잘 결정하십시오.
궁극적으로 모든 "라이브러리"종류의 프로젝트와 마찬가지로 개발자는 자신이하는 일을 이해하고 프로젝트의 특정 요구를 충족시키기 위해 기준을 조정해야합니다.
페이지 응답 시간과 페이지 순위에서 참조하는 논문에 대한 링크를 제공 할 수 있습니까? –
@s_hewitt - 요청하신대로 인용문이 추가되었습니다. – cdeszaq
좋은 대답, cdeszaq. – Francisc