Chapter 3 Flashcards
What are SVG and Canvas graphic elements used for?
Ability to create interactive web graphics and animations without using additional software.
What are raster graphics?
They are image that uses pixels of color
What is the difference between raster and vector based graphics?
Raster= loses quality when you shrink or grow in size.
Vector based graphics= does not loses quality when you shrink or grow in size.
What are SVG great for?
run on large screens like PC’s and small mobile and tablet devices because the graphics can scale without losing quality. They are also great for creating graphics with large rendering areas like map overlays. SVG graphics can be animated but is recommended only for short animations and is not recommended for graphic intensive animations like games.
What are canvas great for?
the canvas is suggested to use for animation of graphics intensive games but is pixel based and uses JavaScript to draw the graphics on the fly, coloring pixels. Because canvas graphics are pixel based the image can’t grow or shrink in size without losing quality like SVG, but renders much faster and therefore is suggested to use for animation of graphics intensive games.
What is a DOM?
The DOM is used to allow JavaScript and other scripts access to elements that can be dynamically changed through programming. To further understand DOM, the document object model, you need to understand that each element in the document is accessed as an object.
What semantic elements are new in HTML5?
What are new form control attributes in HTML5?
number, date, time, calendar, and range.
What are new graphic elements in HTML5?
and .
New multimedia elements in HTML5?
and .
What are new HTML5 APLIs?
HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE
Who created World Wide Web?
Tim Berners-Lee created the WWW in 1989
What is the complete shiv solution?
You put this code in the header so that the browser needs to know about all the new elements before reading them.
What is semantics? What is semantics elements?
Semantics is the study of the meanings of words and phrases in language.
Semantic elements are elements with a meaning.
A semantic element clearly describes its meaning to both the browser and the developer.
Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.</span>
Examples of semantic elements: , , and <img></img> - Clearly defines its content.</span></div>
element?
The element specifies independent, self-contained content.
An article should make sense on its own, and it should be possible to read it independently from the rest of the web site.
Examples of where an element can be used:
Forum post
Blog post
Newspaper article
