Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML, Structure Elements, HTML Semantic, forms - Coggle Diagram
HTML
-
a markup language
a way of annotating a document, as to make the annotations distinct from the the text
-
a way to indicate information about the content, that is distinct from the content
-
the W3C
-
to publish information for global distribution, one needs a universally understood language
-
-
Semantic Markup
-
-
should not describe how to visually present content, but only describe its content's structural semantics or meaning
-
-
HTML5
aims
-
provide an open, non-proprietary programming framework
-
-
-
HTML Semantic
-
section
article
The article element represents a complete, or self-contained,v composition in a document … and that is, in principle, interdependently distributable or reusable.
-
-
-
figure
-
represents some flow of content, optimally with a caption
diagrams, photos, illustrations, code listings
main
-
“consist of content that is directly related to or expands upon the central topic of a document or central functionality of an application.”
-
-
-
-
-
-
forms
-
-
HTML5 additions
-
-
-
-
-
datalist element
allows you to define a list of elements that can appear in a dropdown autocomplete style list for a text element
choice controls
-
value attribute
used to specify what value will be sent back to the server in the query string when that option is selected
radio buttons
useful when you want the user to select a single item from
a small list of choices and you want all the choices to be visible
-
-
-
form controls
-
number and range
provide a way to input numeric values that
eliminate the need for client-side numeric validation (HTML5)
-
-
-
-
-
-
-
structure
defined by <form> element, a container for other elements
two important attributes
-
method
The method attribute specifies how the query string data will be transmitted from the browser to the server
two possibilities
-
post
-
adv, disadv
-
-
submitted data is not stored in cache, history or bookmarks
generally, form data is sent using the post method
-
-