The Semantic Web Flashcards
(35 cards)
What does “semantic” mean in the context of web development?
It relates to the meaning of elements in a markup language like HTML.
What is semantic markup?
The use of HTML tags that convey the meaning of the content they enclose.
Why is semantic markup important?
It helps browsers understand and correctly display the structure and content of a web page.
How does semantic markup benefit responsive design?
It allows browsers to adapt and render content appropriately across different devices.
What is the main purpose of semantic markup in web design?
To provide structure and meaning to different areas of a web page.
What kind of tags are <div> and <span>?</span>
Non-semantic tags.
What is the benefit of using semantic tags in HTML5?
They help the browser understand the structure and meaning of the content on a web page.
CONTENT AREAS AND THEIR SEMANTIC MARKUP
Name the content areas
Headers and footers
Navigation
Main
Sections
Articles
Asides
What does the <header> tag represent?
The start of the header section, usually containing a company logo, name, and navigation.
What is the <footer> tag used for?
To define the footer, often including author info, copyright, contact details, and navigation links.
What is the purpose of the <nav> tag?
To define the navigation area containing links to other sections or pages.
What does the <main> tag indicate?
It marks the main, unique content of a web page, excluding content repeated on other pages.
When should the <section> tag be used?
When content can be divided into separate sections, usually when there is a new heading.
How is the <div> tag defined?
A block-level tag that defines a section and stretches the full width of its container.
How is the <span> tag different from <div>?</span>
<span> is an inline tag, taking only the space needed for its content.</span>
HOW DO SEARCH ENGINES USE SEMANTIC CODE?
What is the purpose of semantic code in websites for search engines?
It helps search engines understand and organize the content, making it easier to find and rank relevant information.
What are search engine crawlers (or spiders)?
Bots that search the internet for new information and web pages to add to a search engine’s database.
What is Indexing.
the process of organizing and adding web content to a search engine’s database called
Why does using semantic markup improve a website’s search result ranking?
Because it makes the website easier for search engine algorithms to read and match with search queries.
What is SEO (Search Engine Optimization)?
The process of improving a website to increase its visibility in search engine results.
Why is SEO important for a website?
Most users only look at the first few results in a search, so appearing higher can increase website traffic.
WEB ACCESSIBILITY INITIATIVE
What does WAI-ARIA stand for?
Web Accessibility Initiative – Accessible Rich Internet Applications.
Which organization released the WAI-ARIA specification?
The World Wide Web Consortium (W3C).
What is the purpose of WAI-ARIA?
To help web developers make websites more accessible, especially for users with disabilities.
