Html 5 Flashcards
Cover Html 5 Tags
Section Tag
Defines sections in a document.Such as chapters, headers, footers or any section.
Area Tag
defines an area inside an image-map (an image-map is an image with clickable areas).
The element is always nested inside a tag.
Article Tag
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
Header Tag
- defines an header for a document or section. Should be used as an container for introductory content.
Aside Tag
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.
Nav Tag
-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.
Footer Tag
defines footer for a document or section, typically contains the author of the document, copyright information, links to terms of use, contact information
Figure Tag
Used to mark up a photo in a document
FigCaption Tag
Used with the figure tag to add a caption
Mark Tag
Hightlights part of the text
Time Tag
Does not do anything special mainly for reader agents
Html semantics
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.
Define placeholder input attribute
Specifies a short hint that describes the expected value of an element
What is the video tag used for and what is the syntax
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
Color Tag
Html 5 input type, provides a color picker
Date Tag
Html 5 input type, date picker
Datetime Tag
Html 5 input type, date time picker
Email Tag
Html 5 input type, used for input that should contain email
Month Tag
Html 5 input type, allow month year only
Range Tag
Html 5 input type, used for input that should contain a range of values renders a slider control
Number tag
Html 5 input type, used for fields that contain numeric values, can be used with the max min, step and value attributes
Time tag
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.
Url Tag
Html 5 input type, used for input fields that should contain urls
Week Tag
Html 5 input type, The week type allows the user to select a week and year.
Search Tag
Html 5 input type, used for search fields behaves like a regular text field
ContentEditable
Global attribute, specifies if the content can be edited
Context Menu
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
Draggable
Global Attribute, specifies if an object is draggable or not
Dropzone
gloabl attribute, specifies wether dragged dat is copied, moved or linked when dropped
Spellcheck
global attribute, specifies whether the element is to have its spelling and grammer checked or not
Hidden
Global attribute, specifies if a element is not yet or no longer relavent.
Autocomplete
html 5 attribute related to form tag, specifies whether a form or input field should have autocomlete off or on
Autofocus
html 5 attribute related to form tag, it specifies that an element should automatically get focus when the page loads.
Form
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.
Formaction
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
Formenctype
html 5 input attribute related to form tag, attribute overrides the enctype attribute of the element.
Formmethod
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
Novalidate
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.
Formtarget
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).
Height and width attributes why is it important to set these on an image
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).
List attribute
Attribute on an input that refers to a datalist element .
Min Max Attribute
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.
Multiple attribute
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.
Pattern attribute
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.
Placeholder attribute
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.
Required attribute
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.
Step attribute
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.
What is the syntax for a context menu
