HTML5 basic templates for page development

Source: Internet
Author: User
Tags cloudflare

Share a basic template for HTML5 page development with two versions: Development version Comment version

Development version

<!DOCTYPE HTML><HTML><Head><Metahttp-equiv= "X-ua-compatible"content= "Ie=edge"><MetaCharSet= "Utf-8"><title></title><Metaname= "description"content=""><Metaname= "Author"content=""><Metaname= "Viewport"content= "Width=device-width, initial-scale=1"><Linkrel= "stylesheet"href=""><!--[If Lt IE 9]><script src= "//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js" ></script>< Script src= "//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js" ></script><! [EndIf] -<Linkrel= "shortcut icon"href=""></Head><Body><!--here to add the main content of the page -<!--SCRIPTS: Personal advice in the kingdom do not use Google's CDN, you will find that your site function is invalid -<!--Example: <script src= "//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" ></script>  -</Body></HTML>

Comment Version

<!DOCTYPE HTML><!--set lang value to ensure interoperability and accessibility of  -<HTML><Head><!--tell IE to use the latest layout engine:&nbsp; more information read here: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible -<Metahttp-equiv= "X-ua-compatible"content= "Ie=edge"><!--defines the character set for Web performance, preferably set by HTTP header to ensure HTTP header and META tag settings are consistent more information read here: https://developers.google.com/speed/docs/ Best-practices/rendering#specifycharsetearly -<MetaCharSet= "Utf-8"> <!--Specify page title -<title></title><!--Specify Web page description -<Metaname= "description"content=""><!--Specify Web page author -<Metaname= "Author"content=""><!--tips for mobile browsers using device width and zoom ratio -<Metaname= "Viewport"content= "Width=device-width, initial-scale=1"><!--Loading CSS on page load to ensure timely loading of related styles specifies the corresponding URI property -<Linkrel= "stylesheet"href=""><!--load Htmlshiv and respond.js to be compatible with older versions of Internet Explorer for easy access to new elements and media in HTML5 queries -<!--[If Lt IE 9]><script src= "//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js" ></script>< Script src= "//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js" ></script><! [EndIf] -<!--Specifies the URI of the Favicon -<Linkrel= "shortcut icon"href=""><!--the Ios/android bookmark icon is commented out below -<!--<meta name= "mobile-web-app-capable" content= "yes" ><link rel= "icon" sizes= "196x196" href= "" ><link Rel= "Apple-touch-icon" sizes= "152x152" href= "" > -<!--example of a non-blocking load script if possible using the Async attribute: <script src= "" Async></script> -</Head><Body><!--here to add the main content of the page -<!--If you might use the Async attribute to load the script with a non-blocking -<!--SCRIPTS -<!--Example: <script src= "Http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" ></script>  -</Body></HTML>

HTML5 basic templates for page development

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.