HTML 5 Flashcards

1
Q

When writing HTML5 documents, one of the first new features that you’ll notice is the doc type declaration:

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

The character encoding (charset) declaration is also simplified:

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Forms

A
  • The Web Forms 2.0 specification allows for creation of more powerful forms and more compelling user experiences.
  • Date pickers, color pickers, and numeric stepper controls have been added.
  • Input field types now include email, search, and URL.
  • PUT and DELETE form methods are now supported.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Integrated API (Application Programming Interfaces)

A
  • Drag and Drop
  • Audio and Video
  • Offline Web Applications
  • History
  • Local Storage
  • Geolocation
  • Web Messaging
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

In HTML, elements typically belonged in either the block level or inline content model. HTML5 introduces seven main content models.

A
  • Metadata
  • Embedded
  • Interactive
  • Heading
  • Phrasing
  • Flow
  • Sectioning
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Metadata:

A

Content that sets up the presentation or behavior of the rest of the content. These elements are found in the head of the document.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Embedded:

A

Content that imports other resources into the document.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Interactive:

A

Content specifically intended for user interaction.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Heading:

A

Defines a section header.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Phrasing:

A

This model has a number of inline level elements in common with HTML4.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Flow content:

A

Contains the majority of HTML5 elements that would be included in the normal flow of the document.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Sectioning content:

A

Defines the scope of headings, content, navigation, and footers.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

A generic HTML5 page structure looks like this:

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

In HTML4, we would define a header like this:

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

The footer element is also widely used. Generally we refer to a section located at the very bottom of the web page as the footer.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

The following information is usually provided between these tags:

A
  • Contact Information
  • Privacy Policy
  • Social Media Icons
  • Terms of Service
  • Copyright Information
  • Sitemap and Related Documents
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

This tag represents a section of a page that links to other pages or to certain sections within the page. This would be a section with navigation links.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Here is an example of a major block of navigation links:

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

A self-contained, independent piece of content that can be used and distributed separately from the rest of the page or site.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

This could also be a forum post, a magazine or newspaper article, a blog entry, a comment, an interactive widget or gadget, or any other independent piece of content.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

is a logical container of the page or article.

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

can be used to divide up content within an article.
For example, a homepage could have a section for introducing the company, another for news items, and still another for contact information.

A

Sections

28
Q
A
29
Q
A
30
Q

specifies a standard for embedding audio in a web page.

A
31
Q

There are two different ways to specify the audio source file’s URL. The first uses the source attribute:

A
32
Q
A
33
Q

An element that creates an audio player inside the browser

A
34
Q
A
35
Q

When this attribute is defined, audio starts playing as soon as it is ready, without asking for the visitor’s permission.

A

autoplay

36
Q

This attribute is used to have the audio replay every time it is finished.

A

loop

37
Q

Specifies that audio controls should be displayed (such as a play/pause button, etc.)

A

controls

38
Q

You can specify the video source URL using an attribute in a ________

A

video element

39
Q

Another aspect shared by both the audio and the video elements is that each has _________ and __________ attributes

A

controls, autoplay and loop attributes.

40
Q

An element provides the ability to create progress bars on the web. It can be used within headings, paragraphs, or anywhere else in the body.

A
41
Q

Progress Element Attributes:

Specifies how much of the task has been completed.

A

Value

42
Q

Progress Element Attributes:

Specifies how much work the task requires in total.

A

Max

43
Q
A
44
Q

There are two types of web storage objects

A
  • sessionStorage()
  • localStorage()
45
Q

Local vs. Session:

is destroyed once the user closes the browser

A

Session Storage

46
Q

Local vs. Session

stores data with no expiration date

A

Local Storage

47
Q

_____________ for web storage for both local and session storage is very simple and similar.
The data is stored as key/value pairs.

A

The syntax

48
Q

Storing a Value:

A
49
Q

Getting a Value:

A
50
Q

Removing a Value:

A
51
Q

Removing All Values:

A
52
Q

What is the Geolocation API?

A

In HTML5, the Geolocation API is used to obtain the user’s geographical location.

Since this can compromise user privacy, the option is not available unless the user approves it.

53
Q
A
54
Q

The Geolocation API’s main method is _______________, which retrieves the current geographic location of the user’s device.

A

getCurrentPosition

55
Q

Defines the callback method that retrieves location information.

A

showLocation (mandatory)

56
Q

Defines the callback method that is invoked when an error occurs in processing the asynchronous call.

A

ErrorHandler(optional)

57
Q

Defines a set of options for retrieving the location information.

A

Options (optional)

58
Q
A
59
Q

User location can be presented in two ways

A

Geodetic and Civic.

60
Q

This is a method or a way that describes the position. It refers directly to latitude and longitude

A

The geodetic way

61
Q

_____________ of location data is presented in a format that is more easily read and understood by the average person.

A

The civic representation

62
Q

A feature that lets you “grab” an object and drag it to a different location.

A

The drag and drop feature

63
Q

To make an element draggable, just set the draggable attribute to true:

A
64
Q

Is used to draw shapes with HTML-style markup

A

SVG stands for Scalable Vector Graphics

65
Q

It offers several methods for drawing paths, boxes, circles, text, and graphic images.

A

SVG stands for Scalable Vector Graphics

66
Q

An SVG image can be added to HTML code with just a basic image tag that includes a source attribute pointing to the image:

A
67
Q
A