1.0 HTML Semantic Markup Flashcards
What does semantic HTML mean?
It helps give structure to a website page by defining important sections.
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/054/a_image_thumb.gif?1591929157)
What are the 3 main types of semantic markup on a web page?
Header, Main, and Footer
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/063/a_image_thumb.png?1591929254)
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.
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/073/a_image_thumb.jpg?1591929464)
What goes into the header?
Logo, navigation, and introductory information
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/079/a_image_thumb.png?1591929622)
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
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/084/a_image_thumb.png?1591929748)
What’s the HTML tag for the footer?
footer
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/088/a_image_thumb.png?1591929768)
What’s the HTML tag for the main content?
main
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/094/a_image_thumb.png?1591929988)
What is section mean in terms of semantics?
Main categories of page content, often brought together by shared purpose or topic
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/102/a_image_thumb.jpg?1591930645)
What does aside mean?
Aside is the same as sidebar.
Sidebar appears left or right of the main content
Think WordPress sidebar
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/110/a_image_thumb.gif?1591930680)
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.
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/117/a_image_thumb.gif?1591930705)
Why are typography elements like (h1-h6, p) all part of semantics?
It conveys order of importance for text, via visual hierarchy.
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/121/a_image_thumb.png?1591930845)
What is the D.O.M.?
D.O.M. stands for document object model
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/126/a_image_thumb.png?1591930913)
What are 3 types of articles that are self-contained?
Examples: article, blog post, forum post
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/131/a_image_thumb.png?1591931024)
What is HTML?
HTML stands for hypertext markup language.
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/139/a_image_thumb.jpg?1591931094)
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.
![](https://s3.amazonaws.com/brainscape-prod/system/cm/408/123/145/a_image_thumb.jpg?1591931135)