HTML5基础

学习笔记:HTML5的基础代码,包含一些基础的语义化标签。

<!DOCTYPE html>
<html lang="zh-CN">

<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">
    <title>Document</title>
    <link rel="stylesheet" href="">
    <style>
        main {
            width: 75%;
        }
        
        #right {
            float: right;
            height: 100px;
            width: 70px;
            background-color: blanchedalmond;
        }
    </style>
    <script></script>
</head>

<body>
    <header>
        <nav>导航链接1</nav>
        <nav>导航链接2</nav>
    </header>
    <main>
        <article>HTML 标签语义化,简单来说,就是让标签有含义,给某块内容用上一个最恰当最合 适的标签,使页面有良好的结构,页面元素有含义,更利于开发者、程序和其他设备对于标 签的理解。语义化在盲人软件、机器翻译等方面发挥着重要作用,同时搜索引擎会通过语义 化标签增强文章的 SEO 搜
        </article>
        <article>
            HTML5 是最新的 HTML 标准。 HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件。 HTML5 拥有新的语义、图形以及多媒体元素。 HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。 HTML5 是跨平台的,被设计为在不同类型的硬件(PC、平板、手机、电视机等等)之上运行。
        </article>
    </main>
    <aside id="right">
        侧边栏或者文章内部的标注框
    </aside>
    <footer>
    </footer>
</body>

</html>

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码