HTML5基础

2022-01-16 12:00:19 阅读：122 来源： 互联网

学习笔记：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>

标签：web,right,基础,语义,HTML,HTML5,标签
来源： https://blog.csdn.net/weixin_55020138/article/details/122521239

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML5基础