Semantic HTML

Attribute that gives user play/pause/skip function for audio files

controls

Name three common attributes for the <video> element

controls: play/pause/volume control/fullscreen autoplay: auto play video when webpage is opened loop: loop video

3 reasons to use semantic elements

1.) Accessibility: *makes webpages accessible for mobile and disabled ppl. 2.) SEO: *improves search engine optimization so that search engines are better able to identify the content of the website. 3.) Easy to understand: *makes websites source code easier to understand for other web developers.

Element that holds content that makes sense on it's own

<article>

Element that is used to mark information that isn't necessary, but may enhance main content. (comments, additional info etc.)

<aside>

Element that embeds audio into a document

<audio">

Element that includes any media content, including audio, video, and gifs from an external source

<embed> It is a self closing tag

Element nested within <figure> for attaching a caption to media (image, illustration, etc.)

<figcaption>

Element used to encapsulate an image, illustration, diagram etc.

<figure>

Semantic element for the information on the bottom of the webpage (contact, terms of use, copyright info etc.)

<footer>

Element used to group together most dominant content in webpage

<main>

Element that groups together documents with same theme.

<section>

What does Semantic elements accomplish?

Semantic elements provide information about the content within opening and closing tags. Example: Instead of using the <div> element to contain our heading information, we may use <header> (semantic element) because it provides context.

Define Semantic

Semantic: related to meaning

Attribute that specifies URL of audio file

src