2011-12-27 2 views
3

나는 모든 태그가 다른 의미 론적 의미를 가지고 있음을 알고 있습니다. 예를 들어, article은 구별되는 이야기입니다. section은 페이지의 자체 포함 된 부분을위한 것입니다 ...div 에서처럼 HTML5 태그 (기사, 섹션, 옆으로, 머리말, 꼬리말)가 구현 되었습니까?

여러면에서 좋은 태그입니다. 그러나, 그들은 단지 구문 설탕입니까? 왜냐하면 나는 그 (것)들 사이 어떤 작풍 다름도 보지 않았기 때문에. CSS 규칙에 의해 적용되지 않으면, 그들은 div과 같습니다.

일부 webkit/gecko 전문가가 코드 수준에서이를 명확히 할 수 있기를 바랍니다.

답변

1

대부분 그렇습니다. 그것들은 실제로는 div가 아니라 레벨 요소 (미묘하지만 다름)를 차단합니다. 블록 레벨 요소 HTML5에 정의 된 여러 가지 새로운 요소가

http://diveintohtml5.info/semantics.html#new-elements

이다. 즉, 다른 블록 레벨 요소를 포함 할 수 있으며 HTML5 호환 브라우저는 기본적으로 display : block으로 스타일을 지정합니다.

그렇습니다. 지금은 코드 길이를 줄이고 깨끗한 마크 업을 만들 수 있습니다. 그렇지만 블럭 레벨 요소가하는 일입니다. <p> 태그에서 기본 스타일을 제거하면 <div>과 같지 않습니까?

1

나는 그 (것)들 사이 어떤 작풍 다름도 보지 않았다. CSS 규칙에 의해 적용되지 않으면 div와 같습니다.

각 브라우저에는 페이지 콘텐츠에 적용되는 고유 한 스타일 시트가 있습니다. 이것이 우리가 일반적으로 CSS 재설정 스타일 시트를 사용하여 다른 브라우저 스타일 시트 사이의 모든 것을 표준화하는 이유입니다. 스타일과 콘텐츠는 완전히 별개의 두 가지입니다. 무엇이 인 모양이과 아무런 관련이 없으므로 입니다. 따라서 표시 방법에 따라 페이지를 마크 업하면 안됩니다.

언젠가는 브라우저가 <section>에 일부 패딩과 같은 특정 HTML5 요소에 기본 스타일을 추가하는 것이 일반적 일 수 있지만 문제가되지는 않습니다 (실제로는 없습니다).

문법 설탕입니까?

전혀 아닙니다. 차이점이 많지는 않지만 화면 판독기 또는 검색 엔진과 같이 콘텐츠를 더 의미있는 방식으로 이해할 수 있습니다.

마찬가지로 Grillz's answer에 언급 된 요소는 모두 블록 수준 요소이므로 기본적으로 div과 같이 렌더링되지만 의미 값을 가지며 일반 컨테이너 요소로 사용되지 않습니다.