HTTP, HTTPS, HTML, URL, XML, XSLT, CSS: Difference between revisions
Mr. MacKenty (talk | contribs) |
Mr. MacKenty (talk | contribs) |
||
Line 25: | Line 25: | ||
* HTTP Uses requests from the client to the server and responses from the server to the client for sending and receiving data. <ref>http://www.comptechdoc.org/independent/web/http/reference/</ref> | * HTTP Uses requests from the client to the server and responses from the server to the client for sending and receiving data. <ref>http://www.comptechdoc.org/independent/web/http/reference/</ref> | ||
* HTTP utilizes headers at the start of each message.<ref>http://www.comptechdoc.org/independent/web/http/reference/</ref> | * HTTP utilizes headers at the start of each message.<ref>http://www.comptechdoc.org/independent/web/http/reference/</ref> | ||
fin | |||
== HTTPS Definition == | |||
HTTPS (also called HTTP over TLS, HTTP over SSL, and HTTP Secure) is a protocol for secure communication over a computer network which is widely used on the Internet. HTTPS consists of communication over Hypertext Transfer Protocol (HTTP) within a connection encrypted by Transport Layer Security, or its predecessor, Secure Sockets Layer. The main motivation for HTTPS is authentication of the visited website and protection of the privacy and integrity of the exchanged data.<ref>https://en.wikipedia.org/wiki/HTTPS</ref> | HTTPS (also called HTTP over TLS, HTTP over SSL, and HTTP Secure) is a protocol for secure communication over a computer network which is widely used on the Internet. HTTPS consists of communication over Hypertext Transfer Protocol (HTTP) within a connection encrypted by Transport Layer Security, or its predecessor, Secure Sockets Layer. The main motivation for HTTPS is authentication of the visited website and protection of the privacy and integrity of the exchanged data.<ref>https://en.wikipedia.org/wiki/HTTPS</ref> | ||
fin | |||
== HTTPS Characteristics == | |||
* HTTPS URLs begin with "https://" and use port 443 by default, whereas HTTP URLs begin with "http://" and use port 80 by default | * HTTPS URLs begin with "https://" and use port 443 by default, whereas HTTP URLs begin with "http://" and use port 80 by default | ||
* HTTPS encrypts the request and response. If you were to snoop (or spy) on the network data, you would only (theoretically) see the origin and destination IP and port numbers | * HTTPS encrypts the request and response. If you were to snoop (or spy) on the network data, you would only (theoretically) see the origin and destination IP and port numbers | ||
* HTTPS piggybacks (or rides) on top of HTTP | * HTTPS piggybacks (or rides) on top of HTTP | ||
fin | |||
== HTML Definition == | |||
HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages<ref>https://en.wikipedia.org/wiki/HTML</ref>. Please see our wiki page on [[HTML]] for a deeper discussion of HTML. | HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages<ref>https://en.wikipedia.org/wiki/HTML</ref>. Please see our wiki page on [[HTML]] for a deeper discussion of HTML. | ||
fin | |||
== HTML Characteristics == | |||
* HTML is a '''markup language'''. A markup language is a system for annotating a document in a way that is syntactically distinguishable from the text <ref>https://en.wikipedia.org/wiki/Markup_language</ref> | * HTML is a '''markup language'''. A markup language is a system for annotating a document in a way that is syntactically distinguishable from the text <ref>https://en.wikipedia.org/wiki/Markup_language</ref> | ||
Line 46: | Line 48: | ||
* HTML tags most commonly come in pairs although some represent empty elements and so are unpaired. <ref>https://en.wikipedia.org/wiki/HTML#Markup</ref> | * HTML tags most commonly come in pairs although some represent empty elements and so are unpaired. <ref>https://en.wikipedia.org/wiki/HTML#Markup</ref> | ||
* The first tag in such a pair is the start tag, and the second is the end tag (they are also called opening tags and closing tags).<ref>https://en.wikipedia.org/wiki/HTML#Markup</ref> | * The first tag in such a pair is the start tag, and the second is the end tag (they are also called opening tags and closing tags).<ref>https://en.wikipedia.org/wiki/HTML#Markup</ref> | ||
fin | |||
== URL Definition == | |||
A Uniform Resource Locator (URL), is a reference to a web resource that specifies its location on a computer network and a mechanism for retrieving it. A URL is a specific type of Uniform Resource Identifier (URI).<ref>https://en.wikipedia.org/wiki/URL</ref> | A Uniform Resource Locator (URL), is a reference to a web resource that specifies its location on a computer network and a mechanism for retrieving it. A URL is a specific type of Uniform Resource Identifier (URI).<ref>https://en.wikipedia.org/wiki/URL</ref> | ||
* Please [http://www.ietf.org/rfc/rfc2396.txt?cm_mc_uid=07864784650914905194154&cm_mc_sid_50200000=1490519415 click here for the official url specification] | * Please [http://www.ietf.org/rfc/rfc2396.txt?cm_mc_uid=07864784650914905194154&cm_mc_sid_50200000=1490519415 click here for the official url specification] | ||
fin | |||
== URL Characteristics == | |||
* URL's have different parts. Every URL MUST have: | * URL's have different parts. Every URL MUST have: | ||
Line 64: | Line 67: | ||
Please [https://en.wikipedia.org/wiki/Uniform_Resource_Identifier#Examples click here for an example of these different parts]. In your normal day-to-day use, you probably only use a scheme and a host. | Please [https://en.wikipedia.org/wiki/Uniform_Resource_Identifier#Examples click here for an example of these different parts]. In your normal day-to-day use, you probably only use a scheme and a host. | ||
== XML Definition == | |||
In computing, Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable.<ref>https://en.wikipedia.org/wiki/XML</ref> | In computing, Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable.<ref>https://en.wikipedia.org/wiki/XML</ref> | ||
Line 70: | Line 73: | ||
* Please [https://msdn.microsoft.com/en-us/library/ms762271(v=vs.85).aspx click here for an example XML file]. | * Please [https://msdn.microsoft.com/en-us/library/ms762271(v=vs.85).aspx click here for an example XML file]. | ||
* Please [https://www.w3.org/TR/xml/ click here for the official W3C specification] for XML. | * Please [https://www.w3.org/TR/xml/ click here for the official W3C specification] for XML. | ||
fin | |||
== XML Characteristics == | |||
* XML consists mostly of markup and content<ref>https://en.wikipedia.org/wiki/XML</ref> | * XML consists mostly of markup and content<ref>https://en.wikipedia.org/wiki/XML</ref> | ||
Line 79: | Line 82: | ||
** A tag is a markup construct that begins with < and ends with >. Tags come in three flavors, start tag, end tag, and empty-element tag<ref>https://en.wikipedia.org/wiki/XML</ref> | ** A tag is a markup construct that begins with < and ends with >. Tags come in three flavors, start tag, end tag, and empty-element tag<ref>https://en.wikipedia.org/wiki/XML</ref> | ||
* XML may have a declaration that describes some information about themselves.<ref>https://en.wikipedia.org/wiki/XML</ref> | * XML may have a declaration that describes some information about themselves.<ref>https://en.wikipedia.org/wiki/XML</ref> | ||
fin | |||
== XSLT Definition == | |||
XSLT (Extensible Stylesheet Language Transformations) is a language for transforming XML documents into other XML documents or other formats such as HTML for web pages, plain text or XSL Formatting Objects, which may subsequently be converted to other formats, such as PDF, PostScript and PNG. XSLT 1.0 is widely supported in modern web browsers. <ref>https://en.wikipedia.org/wiki/XSLT</ref> | XSLT (Extensible Stylesheet Language Transformations) is a language for transforming XML documents into other XML documents or other formats such as HTML for web pages, plain text or XSL Formatting Objects, which may subsequently be converted to other formats, such as PDF, PostScript and PNG. XSLT 1.0 is widely supported in modern web browsers. <ref>https://en.wikipedia.org/wiki/XSLT</ref> | ||
Line 86: | Line 89: | ||
* For an interesting discussion the relative pros and cons of xslt, [http://stackoverflow.com/questions/78716/is-xslt-worth-it please click here]. | * For an interesting discussion the relative pros and cons of xslt, [http://stackoverflow.com/questions/78716/is-xslt-worth-it please click here]. | ||
* Please [https://www.youtube.com/watch?v=BujLy71JY1k&t=157s watch this video for an example] XSLT in action! | * Please [https://www.youtube.com/watch?v=BujLy71JY1k&t=157s watch this video for an example] XSLT in action! | ||
fin | |||
== XSLT Characteristics == | |||
* XLST is a turing complete language. Please [https://en.wikipedia.org/wiki/XSLT_elements click here for a list of elements in XLST] | * XLST is a turing complete language. Please [https://en.wikipedia.org/wiki/XSLT_elements click here for a list of elements in XLST] | ||
== CSS Definition == | |||
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language. CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content. <ref>https://en.wikipedia.org/wiki/Cascading_Style_Sheets</ref> | Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language. CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content. <ref>https://en.wikipedia.org/wiki/Cascading_Style_Sheets</ref> | ||
== CSS Characteristics == | |||
* CSS has selectors. Selectors declare which part of the markup a style applies to by matching tags and attributes in the markup itself.<ref>https://en.wikipedia.org/wiki/Cascading_Style_Sheets</ref> | * CSS has selectors. Selectors declare which part of the markup a style applies to by matching tags and attributes in the markup itself.<ref>https://en.wikipedia.org/wiki/Cascading_Style_Sheets</ref> |
Revision as of 08:57, 28 March 2017
![](/images/2/24/Connection.png)
Characteristics of the web[edit]
You must memorize this content. You should be able to recognize these acronyms and identify the characteristics of each.
HTTP Definition[edit]
The Hypertext Transfer Protocol (HTTP) is an application protocol for distributed, collaborative, and hypermedia information systems. HTTP is the foundation of data communication for the World Wide Web.[2].
- Click here for an excellent cs50 video which describes http
- Please click here for a list of http response codes
- Please click here for instructions to view http requests in google chrome
- Click here for an image of HTTP[3]
fin
HTTP Characteristics[edit]
- HTTP is an application-layer protocol
- HTTP functions as a request–response protocol [4]
- HTTP is the protocol to exchange or transfer hypertext [5]
- HTTP is stateless - Each transaction between the client and server is independent and no state is set based on a previous transaction or condition.[6]
- HTTP Uses requests from the client to the server and responses from the server to the client for sending and receiving data. [7]
- HTTP utilizes headers at the start of each message.[8]
fin
HTTPS Definition[edit]
HTTPS (also called HTTP over TLS, HTTP over SSL, and HTTP Secure) is a protocol for secure communication over a computer network which is widely used on the Internet. HTTPS consists of communication over Hypertext Transfer Protocol (HTTP) within a connection encrypted by Transport Layer Security, or its predecessor, Secure Sockets Layer. The main motivation for HTTPS is authentication of the visited website and protection of the privacy and integrity of the exchanged data.[9] fin
HTTPS Characteristics[edit]
- HTTPS URLs begin with "https://" and use port 443 by default, whereas HTTP URLs begin with "http://" and use port 80 by default
- HTTPS encrypts the request and response. If you were to snoop (or spy) on the network data, you would only (theoretically) see the origin and destination IP and port numbers
- HTTPS piggybacks (or rides) on top of HTTP
fin
HTML Definition[edit]
HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages[10]. Please see our wiki page on HTML for a deeper discussion of HTML. fin
HTML Characteristics[edit]
- HTML is a markup language. A markup language is a system for annotating a document in a way that is syntactically distinguishable from the text [11]
- HTML markup consists of several key components, including those called tags (and their attributes), character-based data types, character references and entity references.[12]
- HTML tags most commonly come in pairs although some represent empty elements and so are unpaired. [13]
- The first tag in such a pair is the start tag, and the second is the end tag (they are also called opening tags and closing tags).[14]
fin
URL Definition[edit]
A Uniform Resource Locator (URL), is a reference to a web resource that specifies its location on a computer network and a mechanism for retrieving it. A URL is a specific type of Uniform Resource Identifier (URI).[15]
fin
URL Characteristics[edit]
- URL's have different parts. Every URL MUST have:
- scheme and host
- URL's have different parts. Every URL MIGHT have:
- user information
- port
- query
- fragment
Please click here for an example of these different parts. In your normal day-to-day use, you probably only use a scheme and a host.
XML Definition[edit]
In computing, Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable.[16]
- Please click here for an example XML file.
- Please click here for the official W3C specification for XML.
fin
XML Characteristics[edit]
- XML consists mostly of markup and content[17]
- XML has tags.
- A tag is a markup construct that begins with < and ends with >. Tags come in three flavors, start tag, end tag, and empty-element tag[20]
- XML may have a declaration that describes some information about themselves.[21]
fin
XSLT Definition[edit]
XSLT (Extensible Stylesheet Language Transformations) is a language for transforming XML documents into other XML documents or other formats such as HTML for web pages, plain text or XSL Formatting Objects, which may subsequently be converted to other formats, such as PDF, PostScript and PNG. XSLT 1.0 is widely supported in modern web browsers. [22]
- For an interesting discussion the relative pros and cons of xslt, please click here.
- Please watch this video for an example XSLT in action!
fin
XSLT Characteristics[edit]
- XLST is a turing complete language. Please click here for a list of elements in XLST
CSS Definition[edit]
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language. CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content. [23]
CSS Characteristics[edit]
- CSS has selectors. Selectors declare which part of the markup a style applies to by matching tags and attributes in the markup itself.[24]
- CSS has declaration block. A declaration block consists of a list of declarations in braces. Each declaration itself consists of a property, a colon (:), and a value.[25]
- CSS has specificity. Specificity refers to the relative weights of various rules. It determines which styles apply to an element when more than one rule could apply.[26]
- CSS has inheritance. Inheritance is a key feature in CSS; it relies on the ancestor-descendant relationship to operate. Inheritance is the mechanism by which properties are applied not only to a specified element, but also to its descendants[27]
Do you understand this?[edit]
You must simply memorize these. There isn't anything fancy about this. If you need help memorizing, please use a mnemonic strategy.
- Please print (and fill out with a pen or pencil) this PDF file.
- Please make a copy of this document and fill it out.
Standards[edit]
These standards are used from the IB Computer Science Subject Guide[28]
- Identify the characteristics of the following: HTTP, HTTPS, HTML, URL, XML, XSLT, CSS.
References[edit]
- ↑ http://www.flaticon.com/
- ↑ https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol
- ↑ https://www.lsr.com/white-papers/the-power-of-802-15-4-and-ethernet
- ↑ https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol
- ↑ https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol
- ↑ http://www.comptechdoc.org/independent/web/http/reference/httprfccopy.html
- ↑ http://www.comptechdoc.org/independent/web/http/reference/
- ↑ http://www.comptechdoc.org/independent/web/http/reference/
- ↑ https://en.wikipedia.org/wiki/HTTPS
- ↑ https://en.wikipedia.org/wiki/HTML
- ↑ https://en.wikipedia.org/wiki/Markup_language
- ↑ https://en.wikipedia.org/wiki/HTML#Markup
- ↑ https://en.wikipedia.org/wiki/HTML#Markup
- ↑ https://en.wikipedia.org/wiki/HTML#Markup
- ↑ https://en.wikipedia.org/wiki/URL
- ↑ https://en.wikipedia.org/wiki/XML
- ↑ https://en.wikipedia.org/wiki/XML
- ↑ https://en.wikipedia.org/wiki/XML
- ↑ https://en.wikipedia.org/wiki/XML
- ↑ https://en.wikipedia.org/wiki/XML
- ↑ https://en.wikipedia.org/wiki/XML
- ↑ https://en.wikipedia.org/wiki/XSLT
- ↑ https://en.wikipedia.org/wiki/Cascading_Style_Sheets
- ↑ https://en.wikipedia.org/wiki/Cascading_Style_Sheets
- ↑ https://en.wikipedia.org/wiki/Cascading_Style_Sheets
- ↑ https://en.wikipedia.org/wiki/Cascading_Style_Sheets
- ↑ https://en.wikipedia.org/wiki/Cascading_Style_Sheets
- ↑ IB Diploma Programme Computer science guide (first examinations 2014). Cardiff, Wales, United Kingdom: International Baccalaureate Organization. January 2012.