tailieunhanh - giới thiều ebook HTML5 và CSS3 in the real world phần 3

Tham khảo tài liệu 'giới thiều ebook html5 và css3 in the real world phần 3', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả | Chapter More HTML5 Semantics Our sample site is coming along nicely. We ve given it some basic structure along the way learning more about marking up content using HTML5 s new elements. In this chapter we ll discuss even more new elements along with some changes and improvements to familiar elements. We ll also add some headings and basic text to our project and we ll discuss the potential impact of HTML5 on SEO and accessibility. Before we dive into that though let s take a step back and examine a few new and a little tricky concepts that HTML5 brings to the table. A New Perspective on Types of Content For layout and styling purposes developers have become accustomed to thinking of elements in an HTML page as belonging to one of two categories block and inline. Although elements are still rendered as either block or inline by browsers the HTML5 spec takes the categorization of content a step further. The specification now defines a set of more granular content models. These are broad definitions about the kind of content that should be found inside a given element. Most of the 36 HTML5 CSS3 for the Real World time they ll have little impact on the way you write your markup but it s worth having a passing familiarity with them so let s have a quick look. Metadata content This category is what it sounds like data that s not present on the page itself but affects the page s presentation or includes other information about the page. This includes elements like title link meta and style. Flow content Flow content includes just about every element that s used in the body of an HTML document including elements like header footer and even p. The only elements excluded are those that have no effect on the document s flow script link and meta elements in the page s head for example. Sectioning content This is the most interesting and for our purposes most relevant type of content in HTML5. In the last chapter we often found ourselves using the generic term section to refer