2015
Lynda
James Williamson
3h 34m
English
Gain a deeper understanding of HTML5, and learn how to create richer, more meaningful webpages with HTML5 structural tags and enhanced semantic markup. In this course, senior author James Williamson presents an overview of HTML5, demystifies the language's new tags and attributes, and discusses how browsers parse and display HTML5 content. He'll help you make sure your pages (including elements like navigation) are properly structured and sectioned, and show how to use HTML5's unique features for representing quotes, figures, and dates and times. You'll also discover how to extend meaning and make content more accessible with comments, meta- and microdata, and ARIA roles—elements which lead to better experiences for website visitors and development colleagues alike.
Introduction 2m 5s
Welcome 1m 12s
Using the exercise files 53s
1. HTML5 and Semantics 11m 47s
What are web semantics? 2m 10s
Semantic HTML5 3m 57s
HTML5 content models 5m 40s
2. HTML5 Document Structure 1h 5m
Structuring HTML5 documents 5m 1s
Defining HTML5 documents 3m 46s
Supporting legacy browsers 4m 16s
Organizing content 4m 26s
Creating document sections 7m 44s
Identifying the main content 2m 17s
Using headings properly 8m 51s
Building navigation 3m 56s
Properly nesting structure 6m 32s
Structuring headers 7m 33s
Structuring footers 4m 11s
Checking document structure 4m 1s
Sectioning roots 3m 7s
3. Grouping Content with HTML5 1h 16m
Working with figure and figcaption 6m 52s
Grouping content with asides 6m 55s
Using divs in HTML5 5m 26s
Working with lists in HTML5 7m 28s
Emphasizing text correctly 8m 21s
Citing works semantically 8m 17s
Using the address element 5m 55s
Using the small element 3m 56s
Using the mark element 5m 12s
Working with date and time 10m 9s
Defining link relationships 7m 47s
4. Extending Meaning 55m 47s
Writing comments 5m 15s
Working with meta tags 7m 5s
Using class and ID attributes 10m 37s
Using ARIA landmark roles 7m 27s
Introducing microformats, microdata, and RDFa 6m 34s
Using microdata 7m 6s
Nesting rich data 5m 34s
Checking page semantics 6m 9s
Conclusion 2m 39s
Additional resources 2m 39s
http://www.lynda.com/HTML-tutorials/HTML5-Structure-Syntax-Semantics/182177-2.html
Download File Size:506.9 MB