- I've been extremely pleased with…the recent emphasis on content strategy…in the field of web design.…You know for many years, designers,…and I'm one of them, we kind of ignored content.…We chose to focus on visual design and user experience,…with content as merely that thing…that you replaced your placeholder blocks with.…Now that approach ignored the fundamental role…that content plays…in determining document structure.…Without properly organizing the content on a page,…you really won't be able to structure it…in a meaningful way.…
So what I wanna do is get an overview of the content…that's gonna be on our Trail Review page,…and then organize it so that it can help us plan…our document structure.…So if you were wondering…what the heck is this list that we're looking at,…this is the list of the page content…that's gonna be on our Trails page.…So when you're creating a new page or a site,…one of the things that I would recommend doing,…is just kinda doing this.…This is a really basic, really general content census.…
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
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: Organizing content