HTML5文档结构代码

最新推荐文章于 2021-10-23 12:31:06 发布

LFWMP

最新推荐文章于 2021-10-23 12:31:06 发布

阅读量1.1k

点赞数

分类专栏： html 文章标签： html5 文档结构

本文链接：https://blog.csdn.net/qq_34122603/article/details/69802868

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--声明文档结构类型-->

<html lang="en">
<!--声明文档文字区域-->

<head>
    <!--文档的头部区域-->

    <meta charset="UTF-8">
    <!--文档的头部区域中元数据区的字符集定义，utf-8表示国际通用的字符集编码格式-->

    <!--[ifIE]><![endif]-->
    <!--文档的头部区域兼容性写法-->

    <title>文档标题</title>
   <!-- 文档的头部区域的标题。title内容对于SEO来说极其重要-->

    <!--[if IE 9]><meta name="ie" content="9"><![endif]-->
    <!--文档的头部区域兼容性写法-->

    <!--[if IE 8]><meta name="ie" content="8"><![endif]-->
    <!--文档的头部区域兼容性写法-->

    <meta name="description" content="文档描述信息">
    <!-- 文档的头部区域元数据区关于文档描述的定义-->

    <meta name="author" content="文档作者">
   <!-- 文档的头部区域元数据区关于开发人员姓名的定义-->

    <meta name="copyright" content="版权信息">
    <!-- 文档的头部区域元数据区关于版权的定义-->

    <link rel="shortcut icon" href="favicon.ico">
    <!--文档的头部区域兼容性写法-->

    <link rel="apple-touch-icon" href="custom_icon.png">
    <!--文档的头部区域的apple设备的图标的引用-->

    <meta name="viewport" content="width=device-width,user-scalable=no">
   <!-- 文档头部区域对于不同接口设备的特殊声明。宽=设备宽，用户不能自行缩放-->

    <link rel="stylesheet" href="main.css">
    <!--文档的头部区域的样式文件的引用-->

    <!--[if IE]><link rel="stylesheet" href="win-ie-all.css"><![endif]-->
    <!--文档的头部的区域的兼容性样式文件引用写法-->

    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="win-ie7.css"><![endif]-->
    <!--文档的头部的区域的IE7浏览器的兼容性写法-->

    <!--[if IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js"></script><![endif]-->
   <!-- 文档头部区域的关于让IE8 也兼容HTML5的javascript脚本-->

    <script type="text/javascript" src="script.js"></script>
    <!--文档头部区域关于javascript的脚本文件调用-->

</head>

<body>
<header>HTML5文档的头部区域</header>

<nav>HTML5文档的导航区域</nav>

<section>HTML5的主要内容区域</section>

<aside>HTML5文档的主要内容区域的侧边导航或菜单区</aside>

<article>HTML5文档的主要内容区域的内容区</article>

<section>以下是一个section和article的嵌套

<aside></aside>

    <article>

        <header>
            HHML5文档的嵌套区域，可以对某个article区域进行头部和脚部的定义。
            这样做，可以有非常清新的和严谨的文档文档目录关系

        </header>

    </article>

</section>

<footer>HTML5的文档脚步区域</footer>

</body>

</html>