모범 사례 : DOM 요소의 개수가 작게 유지
페이지에 대한 자세한 DOM 요소가 느린가 렌더링, 느린 JavaScript의 DOM에 액세스할 수 있습니다. DOM 요소의 높은 숫자로 인해 나쁜 레이아웃 설계가 될 수 있습니다. 예를 들어, 중첩된 테이블은 레이아웃 용도로 사용되었을 수 있습니다. 의미적으로 말이되는 HTML 태그를 사용합니다. 레이아웃을위한 예 DONOT 사용 테이블의 경우지만, DONOT는 표 형식 데이터를 표시 할 곳에 그들을 사용하기 위해 주저하고, 따라서 DIVs만을 사용하여 만든 유사한 구조로, 비교에 DOM 요소를 줄이고 사용합니다 ..
귀하의 HTML 페이지의 DOM 요소의 개수를 테스트하려면 대해 Firebug의 콘솔에서 다음을 입력합니다
document.getElementsByTagName('*').length
너무 많은가 얼마나 많은 DOM 요소에 대해 아무런 설정된 표준은 없습니다. 좋은 markup.Eg이 다른 유사 페이지를 확인하십시오. 야후 홈페이지가 아주 바쁜 페이지입니다 아직도 이하 700 요소 (HTML 태그).
