Html 5 Flashcards

Cover Html 5 Tags

1
Q

Section Tag

A

Defines sections in a document.Such as chapters, headers, footers or any section.

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

Area Tag

A

defines an area inside an image-map (an image-map is an image with clickable areas).

The element is always nested inside a tag.

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

Article Tag

A

Defines independent, self contained content. An artile should make sense on its own and it should be possible to distribute it indefpendently. Potential sources are: forum post, blog post, news story, comment

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

Header Tag

A
  • defines an header for a document or section. Should be used as an container for introductory content.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Aside Tag

A

The aside tag is used in conjuction with the article tag to mark additional information that can enhance the article but isnt necessarly key to understanding it.

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

Nav Tag

A

-defines section of navigation links. intented only for major blocks of navigation links. Browsers, such as screen readers for disabled users can use this element to determine wheter to omit the intial redendering of this content.

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

Footer Tag

A

defines footer for a document or section, typically contains the author of the document, copyright information, links to terms of use, contact information

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

Figure Tag

A

Used to mark up a photo in a document

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

FigCaption Tag

A

Used with the figure tag to add a caption

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

Mark Tag

A

Hightlights part of the text

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

Time Tag

A

Does not do anything special mainly for reader agents

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

Html semantics

A

Semantic HTML, or “semantically-correct HTML”, is HTML where the tags used to structure content are selected and applied appropriately to the meaning of the content.

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

Define placeholder input attribute

A

Specifies a short hint that describes the expected value of an element

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

What is the video tag used for and what is the syntax

A

the video tag is used to play video, it requires a nested source that specifics the source location and source type of the video allowed video types are mpg, mp4 and ogg, control attribute can be added to video tag to display video controls

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

Color Tag

A

Html 5 input type, provides a color picker

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

Date Tag

A

Html 5 input type, date picker

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

Datetime Tag

A

Html 5 input type, date time picker

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

Email Tag

A

Html 5 input type, used for input that should contain email

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

Month Tag

A

Html 5 input type, allow month year only

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

Range Tag

A

Html 5 input type, used for input that should contain a range of values renders a slider control

21
Q

Number tag

A

Html 5 input type, used for fields that contain numeric values, can be used with the max min, step and value attributes

22
Q

Time tag

A

The tag defines either a time (24 hour clock), or a date in the Gregorian calendar, optionally with a time and a time-zone offset.

This element can be used as a way to encode dates and times in a machine-readable way so that, for example, user agents can offer to add birthday reminders or scheduled events to the user’s calendar, and search engines can produce smarter search results.

23
Q

Url Tag

A

Html 5 input type, used for input fields that should contain urls

24
Q

Week Tag

A

Html 5 input type, The week type allows the user to select a week and year.

25
Q

Search Tag

A

Html 5 input type, used for search fields behaves like a regular text field

26
Q

ContentEditable

A

Global attribute, specifies if the content can be edited

27
Q

Context Menu

A

Global attribute, specifics a context menu for an element, curretnly supported by firefox, the item that should call the menu should have contextmenu=menuname as an attribute

28
Q

Draggable

A

Global Attribute, specifies if an object is draggable or not

29
Q

Dropzone

A

gloabl attribute, specifies wether dragged dat is copied, moved or linked when dropped

30
Q

Spellcheck

A

global attribute, specifies whether the element is to have its spelling and grammer checked or not

31
Q

Hidden

A

Global attribute, specifies if a element is not yet or no longer relavent.

32
Q

Autocomplete

A

html 5 attribute related to form tag, specifies whether a form or input field should have autocomlete off or on

33
Q

Autofocus

A

html 5 attribute related to form tag, it specifies that an element should automatically get focus when the page loads.

34
Q

Form

A

input attribute attribute specifies one or more forms an element belongs to.

Tip: To refer to more than one form, use a space-separated list of form ids.

35
Q

Formaction

A

html 5 input attribute related to form tag, specifies the URL of a file that will process the input control when the form is submitted.

The formaction attribute overrides the action attribute of the form element

36
Q

Formenctype

A

html 5 input attribute related to form tag, attribute overrides the enctype attribute of the element.

37
Q

Formmethod

A

html 5 input attribute related to form tag, The formmethod attribute defines the HTTP method for sending form-data to the action URL.

The formmethod attribute overrides the method attribute of the element used with submit and image input typea

38
Q

Novalidate

A

html 5 attribute related to form tag, specifies that the form-data (input) should be validated when submitted, When present, it specifies that the element should not be validated when submitted.

The formnovalidate attribute overrides the novalidate attribute of the element.

39
Q

Formtarget

A

The formtarget attribute is for submit buttons to force override the target set in the form attribute. For example, the form’s target may be set to open in a new window. The formtarget can override that and open within the same window.

The target attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form.

The target attribute defines a name of, or keyword for, a browsing context (e.g. tab, window, or inline frame).

40
Q

Height and width attributes why is it important to set these on an image

A

Always specify both the height and width attributes for images. If height and width are set, the space required for the image is reserved when the page is loaded. However, without these attributes, the browser does not know the size of the image, and cannot reserve the appropriate space to it. The effect will be that the page layout will change during loading (while the images load).

41
Q

List attribute

A

Attribute on an input that refers to a datalist element .

42
Q

Min Max Attribute

A

The min and max attributes specify the minimum and maximum value for an element.

Note: The min and max attributes works with the following input types: number, range, date, datetime, datetime-local, month, time and week.

43
Q

Multiple attribute

A

The multiple attribute is a boolean attribute.

When present, it specifies that the user is allowed to enter more than one value in the element.

Note: The multiple attribute works with the following input types: email, and file.

44
Q

Pattern attribute

A

The pattern attribute specifies a regular expression that the element’s value is checked against.

Note: The pattern attribute works with the following input types: text, search, url, tel, email, and password.

45
Q

Placeholder attribute

A

The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format).

The hint is displayed in the input field when it is empty, and disappears when the field gets focus.

Note: The placeholder attribute works with the following input types: text, search, url, tel, email, and password.

46
Q

Required attribute

A

The required attribute is a boolean attribute.

When present, it specifies that an input field must be filled out before submitting the form.

Note: The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.

47
Q

Step attribute

A

The step attribute specifies the legal number intervals for an element.

Example: if step=”3”, legal numbers could be -3, 0, 3, 6, etc.

Tip: The step attribute can be used together with the max and min attributes to create a range of legal values.

Note: The step attribute works with the following input types: number, range, date, datetime, datetime-local, month, time and week.

48
Q

What is the syntax for a context menu

A