Author
Released
2/1/2015- What are web semantics?
- Understanding HTML5 content models
- Supporting older browsers
- Structuring and defining HTML5 documents
- Using headings
- Building navigation
- Nesting and grouping content
- Working with HTML5 lists
- Defining link relationships
- Writing comments
- Working with meta tags
- Using microdata
Skill Level Beginner
Duration
Views
- [Voiceover] Hi, I'm James Williamson, senior author here at lynda.com and I want to welcome you to HTML5: Structure, Syntax and Semantics. In this course, we'll explore the proper way to structure pages using HTML5 and how to take advantage of its enhanced semantics to make your content more meaningful. Knowing the proper way to structure your page or mark up your pages content isn't always easy or obvious so, in this course, we'll focus on demystifying the new structural and semantic elements of HTML5 and when it's appropriate to use them.
We'll first discuss ways to ensure that your pages are structured properly. We'll explore properly sectioning pages and then move on to structuring specific regions like navigation. We'll also examine some of the capabilities that HTML5 gives us for marking up specific content like quotes, figures, dates and times and other common forms of content. Finally, we'll examine extending the meaning of your content through other technologies like microformats and ARIA roles and show you how these techniques can result in better user experiences.
Related Courses
-
Creating a Responsive HTML Email
with Chris Converse1h 43m Beginner
-
Introduction
-
Welcome1m 12s
-
-
1. HTML5 and Semantics
-
What are web semantics?2m 10s
-
Semantic HTML53m 57s
-
HTML5 content models5m 40s
-
-
2. HTML5 Document Structure
-
Defining HTML5 documents3m 46s
-
Supporting legacy browsers4m 16s
-
Organizing content4m 26s
-
Creating document sections7m 44s
-
Identifying the main content2m 17s
-
Using headings properly8m 51s
-
Building navigation3m 56s
-
Properly nesting structure6m 32s
-
Structuring headers7m 33s
-
Structuring footers4m 11s
-
Sectioning roots3m 7s
-
3. Grouping Content with HTML5
-
Grouping content with asides6m 55s
-
Using divs in HTML55m 26s
-
Working with lists in HTML57m 28s
-
Emphasizing text correctly8m 21s
-
Citing works semantically8m 17s
-
Using the address element5m 55s
-
Using the small element3m 56s
-
Using the mark element5m 12s
-
Working with date and time10m 9s
-
Defining link relationships7m 47s
-
4. Extending Meaning
-
Writing comments5m 15s
-
Working with meta tags7m 5s
-
Using class and ID attributes10m 37s
-
Using ARIA landmark roles7m 27s
-
Using microdata7m 6s
-
Nesting rich data5m 34s
-
Checking page semantics6m 9s
-
-
Conclusion
-
Additional resources2m 39s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome