|Internet & Web Development ( Introduction | Advanced )|
|Overview||Personal Learning Environment | What is HTML? | Web authoring | Resources | Help Desk|
|Creating a basic web site||HTML editor | Basic tags | Head tag | Linking pages | Formating and lines | Lists | Tables | Special characters | Page icon|
|Multimedia||graphics and images | Connected media | Audio | Video | Image map|
|Cascading style sheets||Inline, embedded, linked | Language | Example|
|Web page layout||Tables | CSS | iFrame | Frames | Other | Responsive|
|Framework||Tours of Hawke's Bay|
|Forms||Example | mailto | Add Google|
The head tag contains information about the page (called the meta-data), and is not displayed in the web browser. The title tag is used to name the page and is usually displayed on the page tab, while other parts may be used by search engines.
By the end of this page you will be able to:
Add the following meta-tags to one.html
When displayed in the browser the Meta-tags do not show! Why?
Head tag elements
These are tags put into the <head> area of your webpage and are ABOUT the page so don't actually display on the page. These include.
- <title> which is used in the tab when displaying multiple pages in a browser,
- <meta > (name=keywords or description) used by search engines.
- <style> where you include any CSS styles just for this page,
- base -- A record of the original URL of the document: this allows you to move the document to a new directory (or even a new site) and have relative URLs access the appropriate place with respect to the original URL.
- isindex -- Usually placed in the HEAD by the server or a server script/program to indicate that a document is searchable.
- link -- Defines the relationship(s) between this document and another or others. A document can have several LINK elements.
- meta -- A container for document metainformation. (some useful ones include)
- name="keywords" content="..." - used by search engines
- name="description" content="..." - used by search engines
- name="author" content="..."> - adds authors name
- robot, that stops "some" robots from indexing your page
- refresh, that allows you to redirect the web surfer to another page, and is especially useful if your site is moved.
- e.g. <meta http-equiv="refresh" content="2;url=http://www.virtualmv.com/wiki"> - where the 2 indicates a 2 second wait.
- name = DC... (Dublin Core) Dublin core is a standard way libraries reference pages. Programs like zotero can use this to automatically capture the correct page reference, some tags include:
- name="DC.Creator" - author
- name="DC.Rights" - copyright information
- nextid -- A parameter used by automated HTML editors to create unique identifiers for the documents. NOTE: This attribute was dropped in HTML 4.0, so you should avoid it in new documents.
- title -- The title of the document. You should use this one as it is used extensively by search engines.
- style -- Stylesheet instructions, written in a stylesheet language. Stylesheet instructions specify how the document should be formatted for display.