>  기사  >  웹 프론트엔드  >  HTML5의 구조와 의미(2): Structure_html5 튜토리얼 기술

HTML5의 구조와 의미(2): Structure_html5 튜토리얼 기술

WBOY
WBOY원래의
2016-05-16 15:51:471199검색

잘 구성된 HTML 페이지라도 구조가 부족하여 처리하기 어려울 수 있습니다. 섹션이 어떻게 나누어져 있는지 알아보려면 제목의 수준을 분석해야 합니다. 사이드바, 바닥글, 헤더, 탐색 모음, 기본 콘텐츠 영역 및 개별 기사는 모두 공통 div 요소로 표시됩니다. HTML 5는 특히 이러한 공통 구조를 식별하기 위해 몇 가지 새로운 요소를 추가합니다.
· 섹션: 책의 장이나 섹션일 수 있으며 실제로 HTML 4에서 자체 제목이 있는 모든 항목이 될 수 있습니다.
· 헤더: 헤드 요소와 별도로 페이지에 표시되는 헤더 동일
· 바닥글: 바닥글; 이메일에 서명을 표시할 수 있습니다
· nav: 다른 페이지에 대한 링크 세트
· 기사: 블로그, 잡지, 기사 편집 등의 기사.
상단에 머리글, 하단에 바닥글, 여러 기사, 탐색 영역 및 사이드바가 있는 일반적인 블로그 홈페이지를 생각해 보겠습니다. 일반적인 블로그 페이지는 코드 1을 참조하세요.


Mokka mit Schlag







"/blog/birding/2007/04/23/spring-comes-and-goes-in-sussex-county/">
서섹스 카운티에 봄이 오고 갑니다



어제 저는 뉴저지 서부로의 연례 여행
, 특히 비교적 최근에 발견된 핫스팟인 하이퍼
부식질을 위해 브루클린 버드 클럽에 가입했습니다
. 오전 7시 30분에 현장에 도착하여
오전 10시경에 봄에 접어들어 10시 15분에 초여름에 이르렀을 때, 기분 좋은 겨울 아침이었습니다.



"/blog/birding/2007/04/23/but-does-it-count-for-your-life -list/">
하지만 인생 목록에 포함되나요?


이제 갈 수 있을 것 같습니다 href="http: //www.wired.com/science/discoveries/news/
2007/04/cone_sf">인터넷을 통한 조류 관찰
. 아직

테스트해보지는 못했습니다(사용자 20명). 한계인 것 같은데) 확실히 멋있네요.
개인적으로 실제로 현장에 나가는 것을 조금이라도 대체할 수는 없을 것 같아요.
반면에 저는 항상 더 이상 쌍안경을 안정적으로 잡지 못하거나 공원에 갈 수 없는
선배 탐조가를 만나는 것은 꽤
슬펐습니다.
이게 적어도 한 명에게는 흥미로울 것 같습니다. Birder 노인은 TV에서 큰 한 해를 보냈고
더 이상 밖에 나갈 수 없었습니다.
무엇보다
















성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.