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.
Why is it a markup language?
It’s a language because it has its rules for how it works.
What role does HTML serve in front end programming?
HTML makes it possible to see text, images, and video on a website.
How do you create a link using HTML tags?
Use ahref
What does the a stand for from a href html?
a stands for attribute
What is the href represent?
href represents the attribute name
What is the attribute value in a link?
The attribute value is defined via a URL.
What does a hyperlink do?
A hyperlink connects website pages together,
from either internal or external source.
What does URL stand for?
Uniform Resource Locator
What is the purpose of URLs (unique resource locators)?
A URL is nothing more than the address of a given unique resource on the Web.
What resources are linked to via URLs?
Each valid URL points to a unique resource (HTML page, a CSS document, an image, etc.)
What purpose do URLs serve on the web?
URLs are the mechanism used by browsers to retrieve any published resource on the web.
Does Brainscape accept gif images?
What is doctype html?
A piece of code that tells the browser what kind of information it’s getting, so that it can display your web page properly.
What is the proper HTML syntax for doctype?
Between which HTML tag must all HTML tags go?
All of your code must be between tags.
Inside of the head tag, what bits of information go within it?
behind-the-scenes information
title of your web page, and a
links to a CSS stylesheets.
Is the title tag content seen on the website page?
No.
It’s seen in the tab
It’s also seen in search engine results.
What’s the HTML for the title tag?
What content is contained within the HTML body tag?
– header,
navigation,
images,
content –
all of those things goes between the body tags.
What’s the purpose of alt text?
It summarizes the content of the image for robots & web browsers.
What’s the definition of alt text?
Alt is short for alternative text.
When should alt appear with images? Why?
Always!
For accessibility purposes
For SEO purposes
What does the image attribute of src do?
Tells the browser where the image is located.
Can an image src be internal or external?
It’s possible to do both external and internal.
You can link to an image from your website’s files,
or from an outside URL.
What’s the HTML structure for paragraphs?
The paragraph tag puts text into paragraphs. It’s usually marked by the following p tags.
What is an anchor tag?
It’s usually marked by an a
What does the HTML meta charset mean?
It defines the character set used in the HTML document for encoding purposes.
What’s the full syntax for meta charset?
