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: 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