• html5 template All In One


    html5 template All In One

    <!DOCTYPE html>
    <html lang="zh-Hans" manifest="manifest.appcache">
    <!-- manifest.json -->
    
    <head>
        <!--
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0">
            <title>xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!</title>
            <link rel="icon" href="images/logo.png" type="image/png">
            <link rel="icon" href="./favicon.ico" type="image/x-icon">
        -->
        <!-- first of all -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- SEO meta -->
        <link rel="author" type="text/plain" href="https://www.xgqfrms.xyz/humans.txt" />
        <link rel="manifest" href="manifest.json">
        <link rel="shortlink" href="https://xgqfrms.xyz/">
        <link rel="copyright" href="https://xgqfrms.xyz/copyright.html">
        <meta name="author" content="xgqfrms">
        <meta name="tools" content="Sublime Text 3">
        <meta name="keywords" content="cdn,xgqfrms,xyz,github,free,CDN, cdn.xgqfrms.xyz,">
        <meta name="description" content="free CDN : CDN for everyone who want to speed his website freely! published on cdn.xgqfrms.xyz">
        <meta name="application-name" content="free CDN: cdn.xgqfrms.xyz">
        <!-- 预呈现和预提取支持:https://msdn.microsoft.com/library/dn265039(v=vs.85).aspx -->
        <link rel="prerender" href="https://www.webgeeker.xyz/index.html" />
        <link rel="prefetch" href="https://www.webgeeker.xyz/css/style.css" />
        <link rel="dns-prefetch" href="https://www.webgeeker.xyz/" />
        <!-- title -->
        <title>Customize & SEO : xgqfrms™, xgqfrms®</title>
        <!-- Content Security Policy:内容安全策略(CSP) -->
        <!--
        <meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src 'cdn.xgqfrms.xyz'; child-src 'https: https:'">
        -->
        <!-- shortcut iconl -->
        <link rel="shortcut icon" type="image/png" href="logo.png">
        <link rel="shortcut icon" type="image/png" href="https://raw.githubusercontent.com/xgqfrms/cdn/gh-pages/logo/logo.png">
        <!-- css links -->
        <!-- media query -->
        <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
        <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
        <link rel="stylesheet" type="text/css" href="stylesheets/style.css" media="screen">
        <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
        <link rel="stylesheet" type="text/css" href="stylesheets/media.css" media="all">
        <!-- other SEO -->
        <link rel="author" type="text/plain" href="https://cdn.xgqfrms.xyz/humans.txt" />
        <link rel="sitemap" type="text/xml" href="https://cdn.xgqfrms.xyz/sitemap.xml" />
        <!-- css libs -->
        <!-- css social media -->
        <!--
        https://realfavicongenerator.net/
        https://css-tricks.com/favicon-quiz/
        -->
        <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
        <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
        <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
        <link rel="manifest" href="/manifest.json">
        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00ff00">
        <meta name="msapplication-TileColor" content="#2d89ef">
        <meta name="msapplication-TileImage" content="/mstile-144x144.png">
        <meta name="theme-color" content="#00ccff">
        <!-- <meta name="robots" content="noindex" /> -->
        <meta name="author" content="xgqfrms, webgeeker">
        <meta name="keywords" content="xgqfrms, webgeeker, github, xgqfrms.xyz, webgeeker.xyz, Tutorials, ES5 ES6 ES7, React 2, Angular 2, Ionic 2">
        <meta name="description" content="xgqfrms.xyz : xgqfrms's offical website of GitHub! & xgqfrms, webgeeker, github, xgqfrms.xyz, webgeeker.xyz, Tutorials, ES5 ES6 ES7, React 2, Angular 2, Ionic 2">
        <meta name="application-name" content="xgqfrms.xyz, webgeeker.xyz">
        <meta name="generator" content="Sublime Text 3, Visual Studio Code 1.6, Google Chrome Canary, GitHub, React 2, Angular 2, Ionic 2">
        <!-- Windows Start Screen tile -->
        <meta name="msapplication-square70x70logo" content="./images/win-tiles/small.jpg" />
        <meta name="msapplication-square150x150logo" content="./images/win-tiles/medium.jpg" />
        <meta name="msapplication-wide310x150logo" content="./images/win-tiles/wide.jpg" />
        <meta name="msapplication-square310x310logo" content="./images/win-tiles/large.jpg" />
        <meta name="msapplication-TileColor" content="#00ff00" />
        <meta name="msapplication-notification" content="frequency=30;polling-uri=https://notifications.buildmypinnedsite.com/?feed=https://www.xgqfrms.xyz/rss.xml&amp;id=1;polling-uri2=https://notifications.buildmypinnedsite.com/?feed=https://www.xgqfrms.xyz/rss.xml&amp;id=2;polling-uri3=https://notifications.buildmypinnedsite.com/?feed=https://www.xgqfrms.xyz/rss.xml&amp;id=3;polling-uri4=https://notifications.buildmypinnedsite.com/?feed=https://www.xgqfrms.xyz/rss.xml&amp;id=4;polling-uri5=https://notifications.buildmypinnedsite.com/?feed=https://www.xgqfrms.xyz/rss.xml&amp;id=5; cycle=1"
        />
        <meta name="p:domain_verify" content="2d56896149f9676a7e5a4b05c6a6e09d" />
        <!-- RSS -->
        <link href="https://xgqfrms.xyz/feeds/posts.rss" type="application/rss+xml" rel="alternate" title="Blog RSS" />
        <link href="https://xgqfrms.xyz/feeds/atom.xml" type="application/atom+xml" rel="alternate" title="Atom Feed" />
        <link rel="stylesheet" href="./stylesheets/selfindex.css">
        <link rel="stylesheet" href="./stylesheets/hide.css">
    </head>
    
    <body>
        <header>
            <nav></nav>
            <h1>semantics html5</h1>
        </header>
        <section>
            <article></article>
        </section>
        <footer class="site-footer">
            <span class="site-footer-owner">
                <a href="https://cdn.xgqfrms.xyz/index.html" target="_blank">CDN</a> is maintained by
                <a href="https://www.xgqfrms.xyz" target="_blank">xgqfrms & webgeeker</a>.
            </span>
            <span class="site-footer-credits">
                <mark id="spanYear"></mark>
            </span>
        </footer>
        <!-- js -->
        <script src="https://cdn.xgqfrms.xyz/plugins/getfullyear.js" async type="text/javascript"></script>
    </body>
    
    </html>
    
    

    refs

    https://gist.github.com/xgqfrms-GitHub/07b719df489a2191b694c88987ee3cea



    ©xgqfrms 2012-2020

    www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

    原创文章,版权所有©️xgqfrms, 禁止转载 ️,侵权必究⚠️!


  • 相关阅读:
    弹性盒模型:flex多行多列两端对齐,列不满左对齐
    小程序之程序构造器App()
    微信小程序之执行环境
    微信小程序之 ECMAScript
    小程序~WeUI下载使用
    补充拓展:CSS权重值叠加
    微信小程序~模板template引用
    小程序~列表渲染~key
    一个完整URL的组成
    CSS的BEM规范学习
  • 原文地址:https://www.cnblogs.com/xgqfrms/p/15721819.html
Copyright © 2020-2023  润新知