Premium Partner

MS 70-480

Some quick study helpers for the MS 70-480 exam (HTML5, CSS and JavaScript) NOTE: This is a study helper containing only those topics relevant to the exam that I wanted to study further. It is by no means complete and was created before the exam.

Some quick study helpers for the MS 70-480 exam (HTML5, CSS and JavaScript) NOTE: This is a study helper containing only those topics relevant to the exam that I wanted to study further. It is by no means complete and was created before the exam.

Nicht sichtbar

Nicht sichtbar

Kartei Details

Karten 70
Sprache English
Kategorie Informatik
Stufe Andere
Erstellt / Aktualisiert 12.06.2013 / 23.01.2019
Lizenzierung Kein Urheberrechtsschutz (CC0)
Weblink
https://card2brain.ch/box/ms_70480
Einbinden
<iframe src="https://card2brain.ch/box/ms_70480/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>

What are sematic elements?

Semantic elements describe their meaning or purpose clearly to the browser and to the developer. Contrast that with (for example) the <div> tag.

What are examples of HTML5 semantic tags?

article aside figcaption figure footer header hgroup mark nav section time

What are the <video> tag attributes and there values?

audio  = muted,
autoplay = autoplay,
controls  = controls,
loop = loop,
poster = (some URL),
preload = auto, metadata, none 

And of couse width, height and src.

What are the <audio> tag attributes?

autoplay = autoplay,
controls  = controls,
loop = loop,
preload = auto, metadata, none 

And of couse src.

Attributes for HTML5 Form tags

  • required
  • type ("email" / "url" / "phone", etc...)
  • pattern (RegEx)
  • placeholder (some string)
  • autofocus
  • autocomplete

FormData

FormData gives you a way to create HTML forms on-the-fly using JavaScript, and then submit them using XMLHttpRequest.send().  

Example: 

var formData = new FormData(); formData.append("part_num", "123ABC");  formData.append("part_price", 7.95); formData.append("part_image", somefile)   var xhr =

new XMLHttpRequest(); xhr.open("POST", "http://some.url/");   xhr.send(formData);

What is the Contraint Validaton API?

The API allows you to do things like set a custom error, check whether an element is valid, and determine the reason that an element is invalid.

Example:

if (input.value != document.getElementById('email_addr').value) {

input.setCustomValidity('The two email addresses must match.');  

}

else {    

// input is valid -- reset the error message    

input.setCustomValidity('');  

}

Selects all <div> elements and all <p> elements

div,p