1.0 HTML Semantic Markup Flashcards
What does semantic HTML mean?
It helps give structure to a website page by defining important sections.
What are the 3 main types of semantic markup on a web page?
Header, Main, and Footer
How does semantic markup impact search engines?
It helps scan websites for relevant sections.
How does semantic help people using assistive technologies?
Semantic HTML helps devices & apps read the website page out loud.
What goes into the header?
Logo, navigation, and introductory information
What goes into the main content?
Articles, blogs, images, videos, etc. It is literally the “main enchilada” The content people came to see.
What goes into the footer?
Navigation links, copyright, website creator
What’s the HTML tag for header?
header
What’s the HTML tag for the footer?
footer
What’s the HTML tag for the main content?
main
What is section mean in terms of semantics?
Main categories of page content, often brought together by shared purpose or topic
What does aside mean?
Aside is the same as sidebar.
Sidebar appears left or right of the main content
Think WordPress sidebar
What’s the meaning of article in terms of semantics?
It’s a group of content that’s independent enough to stand alone or be self-contained as a chunk of content.
Why are typography elements like (h1-h6, p) all part of semantics?
It conveys order of importance for text, via visual hierarchy.
What is the D.O.M.?
D.O.M. stands for document object model
What are 3 types of articles that are self-contained?
Examples: article, blog post, forum post
What is HTML?
HTML stands for hypertext markup language.
What does hypertext mean?
Hypertext means it uses keywords to communicate to the browser how information is meant to be displayed in a visual way.