HTML5新增结构元素详解-优快云博客

本文链接：https://blog.youkuaiyun.com/YUANZIFAN/article/details/121088162

一.新增结构元素

归纳总结：

1,section:可以表达书本的一部分或一章，或者一章内的一节
英语释义：section--------------英 /'sekʃ(ə)n/ 美 /'sɛkʃən/
n. 截面；部分；部门；地区；章节
vi. 被切割成片；被分成部分
vt. 把…分段；将…切片；对…进行划分
请添加图片描述
2.header：页面主体上的头部，并非head元素
3.footer：页面的底部（页脚）。
4.nav：到其他页面的链接集合

5.article：博文、杂志、文章汇编等中的一篇文章。

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <title>新增结构元素</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <header align="center">
            <h1>赣南科技学院</h1>
        </header>
        <section>
            <article>
                <h2><a href="https://blog.youkuaiyun.com/YUANZIFAN/article/details/121082591?spm=1001.2014.3001.5501">一、添加多媒体</a></h2>
                <p>
                    滚动标记marquee<br>
                    marquee标记可以移动文字、图片，表格
                </p>
            </article>
            <article>
                <h2><a href="https://blog.youkuaiyun.com/YUANZIFAN/article/details/121069061?spm=1001.2014.3001.5501" >二、蓝桥杯</h2>
                    <p>
                        滚动方式取值：
                        1.scroll(循环滚动默认效果)
                        2. slide(只滚动一次就停止)
                        3. 3.alternate(来回交替滚动)
                    </p>
            </article>
        </section>
        <footer>
            <nav>
                <ul>
                    <li><a href="https://blog.youkuaiyun.com/YUANZIFAN/article/details/121082591?spm=1001.2014.3001.5501">导航一</li>
                    <li><a href="https://blog.youkuaiyun.com/YUANZIFAN/article/details/121069061?spm=1001.2014.3001.5501">导航二</li>
                </ul>
            </nav>
        </footer>

    </body>
</html>