Upgrade to HTML5
<!DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01//en" "Http://www.w3.org/TR/html14/strict.dtd "><HTML> <Head> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"/> <title>Head First Lounge</title> <Linktype= "Text/css"rel= "stylesheet"href= "Lounge.css"> <Scripttype= "Text/javascript"src= "Lounge.js"></Script> </Head> <Body> <H1>Welcome to Head first Lounge</H1> <P> <imgsrc= "Drinks.gif"alt= "Drinks"> </P> <P>Join us any evening for refreshing<ahref= "elixirs.html">Elixirs</a>, conversation and maybe a game or both of the tap tap Revolation. Wireless access is always provided; Byows (Bring Your Own Web Server). </P> </Body></HTML>
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01//en" "Http://www.w3.org/TR/html14/strict.dtd " > <! DOCTYPE HTML > < HTML > < Head >
< Meta http-equiv = "Content-type" content = "text/html; charset=utf-8" />
<charset= "Utf-8"/> <title> Head First Lounge</title>
< Link type = "Text/css" rel = "stylesheet" href = "Lounge.css" >
< rel= "stylesheet" href= "Lounge.css">
< Script type = "Text/javascript" src = "Lounge.js" ></ Script >
<Scriptsrc= "Lounge.js"></Script> </Head> <Body> <H1>Welcome to Head first Lounge</H1> <P> <imgsrc= "Drinks.gif"alt= "Drinks"> </P> <P>Join us any evening for refreshing<ahref= "elixirs.html">Elixirs</a>, conversation and maybe a game or both of the tap tap Revolation. Wireless access is always provided; Byows (Bring Your Own Web Server). </P> </Body>
</ HTML >
HTML5 's technical family:
CSS3, Web worker threads, forms, offline Web applications, audio & video, new elements, local storage, canvas, geo-positioning
BULLET POINTS
- HTML5 is the latest version of HTML. It introduces simplified markup, new semantics, and media elements, and relies on a set of JavaScript libraries that support Web applications.
- XHTML is no longer a standard for Web pages. Developers and the consortium decide to continue to expand and refine the HTML.
- The new, simpler HTML5 DOCTYPE are also supported on older browsers, which use standard mode when they see this doctype.
- The type attribute is no longer required in the <script> tag or CSS style sheet link. JavaScript and CSS are now the default types.
- The <meta> tag used to specify the character set has been greatly simplified and contains only character encodings.
- UTF-8 is now the standard character set used on the Web.
- Making changes to DOCTYPE and <meta> tags does not affect the display of the page on older browsers.
- The new element of HTML5 is a superset of the HTML4 element, which means that older pages still work properly in modern browsers.
- Officially, the HTML5 standard will not be formally completed 2014 years ago, but most modern browsers will support it before (there are many browsers now supporting HTML5)!
- HTML5 introduces elements that add new semantics to the page, and can provide more options to create a Web page structure than HTML4.01.
- Many of the new features in HTML5 require JavaScript for full use.
- By using JavaScript, you can interact with the DOM, which is the Document Object model.
- The DOM is an internal representation of the Web page's browser. By using JavaScript, you can access elements, modify elements, and add new elements to the DOM.
- The JavaScript API is an "application programming interface." With the API, you can control all aspects of the HTML5, such as 2D drawing, video playback, and so on.
- JavaScript is one of the most popular languages in the world. In recent years, there have been significant improvements in JavaScript implementations.
- You can detect whether a new feature is supported in a browser and gracefully downgrade if not supported.
- CSS is a HTML5 style standard, and many people use "HTML5" to describe the technology family that is used to create Web applications, including CSS.
Head First HTML5 programming notes--chapter1 know HTML5