HTML Notes Flashcards
Describe caching
Caching is the process of storing recently used information so that a computer can quickly access it if required. A browser, for example, caches search information on your hard drive
Whats a typical workflow for implementing a website?
- brainstorm 2. mockup 3. site organization 4.
Why is the home page named index.html?
The home page is called index.html because most web servers look for a default page with the name index. In the event that someone accesses your site without specifying a file name, the server uses index as the default
What is a markup language?
A markup language is a language that uses tags to define elements within a document. A tag is a way to indicate what should be displayed on a screen when a page loads
What are the differences between HTML4 and HTML5
The differences between html4 and html5 are 1. html5 has a simplified doctype declaration 2. html5 has a canvas element 3. html5 has header and footer elements 4. html5 has the section elements 5. html5 has and elements 6. html5 passed some control to css, eg. no more , and <big> elements</big>
What is XHTML?
XHTML is extendable HTML, a more stricter version of HTML
What are the differences between XHTML and HTML?
The differences btwn XHTML and HTML are 1. XHTML is written in lower case, while HTML tags can be a mixture 2. All XHTML elements must have an end tag 3. All attributes in XHTML must be quoted 4. XHTML requires that tags are nested correctly
Whats the purpose of the element?
The element tells the browser that all of the code within is of HTML type
What is the purpose of ?
tells the browser what version of html we want to use, like so,
What is ?
is a language attribute that tells the browser which language code to use when interpreting the page, like so,
What type of data goes in the section?
The section contains machine code, mostly metadata describing how the page should be displayed, search content, etc
What is ?
is an attribute describing the character set encoding for the document, eg
What is unicode?
Unicode is a way to assign unique numbers to characters, for the computer to process, since computers only process numbers. The unique number assigned by Unicode is called a code point
What is UTF-8?
UTF-8 is a character encoding capable of encoding all possible characters, or code points, in Unicode
What is ASCII?
ASCII, American Standard Code for Information Interchange is character-encoding scheme, much like UTF-8. It is being replaced by UTF-8, which includes it (ASCII) as a subset
What is the target attribute used for?
The target attribute is used to specify where to open a linked document: _blank opens a new window _self opens the linked document in the same frame it was clicked _parent opens the linked document in the parent frame _top opens the linked document in the full body of the window
What is http-equiv?
http-equiv is an attribute that is used by the server to gather information about a page in the http header
what does meta http-equiv=’content-type’ content=’type; charset=charset’?
meta http-equiv=’content-type’ content=’type; charset=charset’ indicates the type of data sent to the browser
What does http-equiv = ‘X-UA-Compatible’ content=’IE=edge” do?
http-equiv = ‘X-UA-Compatible’ content=’IE=edge” enables developers to specify which IE version the page should be rendered in. Edge tells IE to display the content in the highest mode available
what does meta name=”viewport” content=”width=device-width, intial-scale=1” do?
meta name=”viewport” content=”width=device-width, intial-scale=1” enables mobile optimized pages to be displayed correctly on the mobile screen. In other words, viewport meta tag lets you modify the “virtual viewport” of the mobile device to something different than the default, which is to zoom out an a web page
in meta name=”viewport” content=”width=device-width, intial-scale=1”, what does width=device-width do?
width=device-width sets the viewport to the physical width of the device’s screen
in meta name=”viewport” content=”width=device-width, intial-scale=1”, what does initial-scale=1 do?
initial-scale=1 sets the initial zoom of the webpage to 1, meaning NO zoom
what is HTML5 shim?
HTML5 shim is a JavaScript work around that enables browsers below IE9 to support HTML5
what does ../ mean?
../ means go back one folder
what is a div tag?
A div tag is an html tag that: 1. defines a division or section in an HTML document 2. is used to group block-elements for formatting with css
What is the difference between a block-level element and an inline-level element?
A block-level element starts on a new line, and an inline-level element does not
What are some HTML authoring best practices?
- Focus on using clear, semantic code. For example, if you are quoting an author in a book review, use the block element, instead of the paragraph element
- structure your code consistently throughout your site
- simplify your code whenever possible
- Approach initial coding with only the structure and content in mind, not the design
