Head First HTML5 programming notes--chapter1 know HTML5

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.