헤더, 섹션, 기사, 보행자와 html5 | whathuh 스튜디오 허풍선

헤더, 섹션, 문서, 꼬리말과 HTML5

새 태그를 도입 html5 감각을 많이합니다. 더 이상은 페이지의 각 부문의 목표를 추측해야합니다;의 새 태그 이름이 기본 오른쪽 안으로 그것을보고 나는 무엇에 갈 이들 두 태그를 의미, 그리고 그들을 구현하는 방법을 설명합니다. 참고 사항 : 기반으로 작성된이 문서는 현재 초안, 그리고 구현과 정의를은 수시로 변경될 수있습니다.

헤더 : <header> 태그 또는 문서의 섹션의 헤더를 정의합니다.

섹션 : 섹션에있는 문서 <section> 태그를 정의합니다. 과 같은 장, 머리글, 바닥글, 또는 다른 섹션의 문서를합니다.

자료 : <article> 태그를 외부 콘텐츠를 정의합니다. 외부로부터 뉴스 기사 등의 뉴스 제공 업체 또는 텍스트의 웹 로그 (블로그), 또는 텍스트를 공개 토론합니다. 또는 다른 내용을 외부 소스

꼬리말 : <footer> 태그를 정의하는 보행자의 섹션 또는 문서를합니다. 일반적으로 저자의 이름을 포함, 날짜와 시간이 문서는 서면 및 / 또는 연락처 정보를합니다.

이 모든 상황이 상당히 자기 explanitory합니다. 현재를 과도하게 단순화된 버전의 블로그 레이아웃을 5 월 다음과 같습니다 :

  를 <div = "header"> 블로그 제목, 링크, 블로그, 그래서 </ div와 신분증> 
    를 <div = 아이디 "content"> 
      클래스 = "post" = 아이디 "1"> 포스트를 <div 콘텐츠 </ div는> 
      클래스 = "post" = 아이디 "2"> 포스트를 <div 콘텐츠 </ div는> 
      클래스 = "post" = 아이디 "3"> 포스트를 <div 콘텐츠 </ div는> 
    </ div는> 
  를 <div = "footer"> 꼬리말 콘텐츠, 링크, 저작권 </ div는> 아이디

이, 물론,이 페이지의 전체가 있지만 원칙은 생각합니다. html5 채택 한 번, 이렇게 다른 사람이 나타납니다 :

  <HEADER> 블로그 제목, 블로그 링크, 그래서 </ 헤더> 
    <section = 아이디 "content"> 
      <article = 아이디 "1"> 포스트 콘텐츠 </ 문서> 
      <article = 아이디 "2"> 포스트 콘텐츠 </ 문서> 
      <article = 아이디 "3"> 포스트 콘텐츠 </ 문서> 
    </ 섹션> 
  꼬리말 <footer> 콘텐츠, 링크, 저작권 </ 바닥글>

너무 세게하지 않는 것. 사실, 틀림없이 할 수 "업그레 이드"전체 wordpress html5 구문을 테마로 한 시간 정도합니다. 개발자를위한 그게 무슨 뜻 이죠? 글쎄요, 사실은, 지금은 전혀 상관이없습니다. html 5는 현재 지원되지 않는 브라우저, 그리고 아마도 그 시간을 할애해되지 않습니다. 오페라 9.5, 파이어 폭스 3, 사파리 3.x에는 소수의 html5 특징 (즉 캔버스 엘리먼트),하지만 아무도 이러한 태그 상기합니다.

미래에 대한 어떤 의미는 단순히 웹 페이지가보다 효과적일; 쉽게 읽을 수있습니다. 또한,과 동일한 콘텐츠를 이미 30 적은 문자가 입력된 시간이 필요합니다. 30 바이트 타임스 삼십메가바이트의 대역폭 1000 수단 1 천 페이지가로드에 저장합니다. 이것은 사람을 뜻합니다 클리너와 스타일 시트를 쉽게 읽을 수있습니다. 전반적인, 페이지처럼 일반 블로그 페이지는 훨씬 더 효율적으로 그저합니다. 이것은 개발자를위한 좋은 소식 및 최종 사용자 모두합니다.

출처 : http://www.w3schools.com, http://blog.whatwg.org/, http://www.w3.org/html/wg/html5/

평가 :

2.9