HTML5 and CSS3, Second Edition
Improved Accessibility Using the new HTML5 elements to clearly describe our content makes it easier for programs like screen rea ...
Cross-Document Messaging Web browsers prevent us from using scripts on one domain to affect or interact with scripts on another ...
Accessibility Our users must be able to interact with our websites, whether they are visu- ally impaired, hearing impaired, on o ...
font s strike tt u Some of those tags are pretty obscure, but lots of pages maintained with visual editors such as Dreamweaver ...
The profile attribute on the <head> tag is no longer supported either, and this is something you see in a lot of WordPress ...
CSS3 is split across multiple modules, and you can follow its progress at http://www.w3.org/Style/CSS/current-work. When you com ...
Part I Improving User Interfaces In the first few chapters of this book, we’ll talk about how we can use HTML5’s and CSS3’s fea- ...
CHAPTER 2 New Structural Tags and Attributes I’d like to talk to you about a serious problem affecting many web developers today ...
HTML5 specification introduces new tags specifically designed to divide a page into logical regions. In addition to these new st ...
Tip 1 Redefining a Blog Using Semantic Markup Semantic markup is all about describing content. If you’ve been developing web pag ...
To get an idea of what we’re going to build, take a look at the following figure. We’ll create a fairly typical blog structure, ...
It All Starts with the Right Doctype We want to use HTML5’s new elements, and that means we need to let browsers and validators ...
html5_new_tags/index.html Line 1 <headerid="page_header"> 2 </header> <h1>AwesomeCoBlog!</h1> 3 You’re n ...
html5_new_tags/index.html <footerid="page_footer"> <p>Copyright© 2013AwesomeCo.</p> <nav> <ul> < ...
To put it another way, a <section> is like the sports section of a newspaper. The sports section has many articles, each o ...
html5_new_tags/index.html <aside> <p> “Nevergivesomeonea chanceto say no when sellingyourproduct.&rdqu ...
Now we just have to add the sidebar section. Our blog has a sidebar on the right side that contains links to the archives for th ...
Let’s center the page’s content and set some basic font styles. html5_new_tags/stylesheets/style.css body{ margin:15pxauto; font ...
#postsaside{ float:right; font-size:20px; line-height:40px; margin-left:5%; width:35%; } Then we float the sidebar and define it ...
html5_new_tags/index.html <!--[iflte IE 8]> <script> document.createElement("nav"); document.createElement("header") ...
«
1
2
3
4
5
6
7
8
9
10
»
Free download pdf