Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

Education > HTML 5 > Flashcards

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
26
is a logical container of the page or article.
27
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.
Sections
28
29
30
specifies a standard for embedding audio in a web page.
31
There are two different ways to specify the audio source file's URL. The first uses the source attribute:
32
33
An element that creates an audio player inside the browser
34
35
When this attribute is defined, audio starts playing as soon as it is ready, without asking for the visitor's permission.
autoplay
36
This attribute is used to have the audio replay every time it is finished.
loop
37
Specifies that audio controls should be displayed (such as a play/pause button, etc.)
controls
38
You can specify the video source URL using an attribute in a \_\_\_\_\_\_\_\_
video element
39
Another aspect shared by both the audio and the video elements is that each has _________ and __________ attributes
controls, autoplay and loop attributes.
40
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.
41
Progress Element Attributes: Specifies how much of the task has been completed.
Value
42
Progress Element Attributes: Specifies how much work the task requires in total.
Max
43
44
There are two types of web storage objects
- sessionStorage() - localStorage()
45
Local vs. Session: is destroyed once the user closes the browser
Session Storage
46
Local vs. Session stores data with no expiration date
Local Storage
47
\_\_\_\_\_\_\_\_\_\_\_\_\_ for web storage for both local and session storage is very simple and similar. The data is stored as key/value pairs.
The syntax
48
Storing a Value:
49
Getting a Value:
50
Removing a Value:
51
Removing All Values:
52
What is the Geolocation API?
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
54
The Geolocation API’s main method is \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_, which retrieves the current geographic location of the user's device.
getCurrentPosition
55
Defines the callback method that retrieves location information.
showLocation (mandatory)
56
Defines the callback method that is invoked when an error occurs in processing the asynchronous call.
ErrorHandler(optional)
57
Defines a set of options for retrieving the location information.
Options (optional)
58
59
User location can be presented in two ways
Geodetic and Civic.
60
This is a method or a way that describes the position. It refers directly to latitude and longitude
The geodetic way
61
\_\_\_\_\_\_\_\_\_\_\_\_\_ of location data is presented in a format that is more easily read and understood by the average person.
The civic representation
62
A feature that lets you "grab" an object and drag it to a different location.
The drag and drop feature
63
To make an element draggable, just set the draggable attribute to true:
64
Is used to draw shapes with HTML-style markup
SVG stands for Scalable Vector Graphics
65
It offers several methods for drawing paths, boxes, circles, text, and graphic images.
SVG stands for Scalable Vector Graphics
66
An SVG image can be added to HTML code with just a basic image tag that includes a source attribute pointing to the image:
67

Education (2 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2025 Bold Learning Solutions. Terms and Conditions