前段时间给大家科普了一下最基础的html和css基础,接下来要正式进入学习的步奏了,我也是初学者,我会不定期的更新一些前端的知识点和学习要点。希望小伙伴们一起来学啊

html5具有广泛的兼容性,首先它可以省略标记

  1. 不允许写结束标记的元素有:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

  2. 可以省略结束标记的元素有:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th

  3. 可以省略全部标记的元素有:html、head、body、colgroud、tbody

不允许写结束标记,比如<br></br>这样写就是错误的,正确的是<br/>

HTML5元素分类
标记内容类型说明
内嵌在文档中添加其它类型的内容,如audio,video,canvas和iframe等
在文档和应用的body中使用的元素,如form、h1和small等
标题打压不可以标图,如h1、h2和hgroup等
交互与用户交互的内容,如audio和video控件、button和textarea
元数据通常出现在head中,设置页面其它部分的表现行为,如script、style和title等
短语文本和文本标记元素,如mark、kbd、sub和sup
HTML5新增的语义化结构元素


header表示页面中一个区块或者整个页面的标题
footer表示整个页面或页面中一个内容区块的脚注。一般来说,它会包含创作者的姓名、创作日期以及创作者的联系信息
section表示页面中的一个内容区块,如章节、页眉、页脚或页面中的其它部分。它可以与h1~h6标题结合使用,标示文档结构
article表示页面中一块与上下文不相关的独立内容,如博客中或者报纸中的一篇文章
aside表示article元素之外的、与article元素内容相关的辅助信息
nav表示页面中导航连接的部分
main表示网页中的主要内容。主要内容区域指与网页标题或应用程序中文本主要功能直接相关或进行扩展的内容
figure表示一段独立的流内容,一般表示文档主题内容中的一个独立单元。可以使用figcaption为figure元素添加标题

接下来,我们就用html5来写一个自己的网页基础结构吧

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>漫步白月光之html5结构基本元素</title>
</head>
<body>
   <header>
     <h1>网页标题</h1>
     <h2>次级标题</h2>
     <h4>提示信息</h4>
   </header>
   <div id="container">
       <nav>
          <h3>导航</h3>
          <a href="#">连接1</a> <a href="#">连接2</a> <a href="#">连接3</a>
       </nav>
       <section>
         <header>
            <h1>文章标题</h1>
        </header>
        <p>文章内容......</p>
        <footer>
            <h2>文章脚注</h2>
        </footer>
        </section>
        <aside>
            <h3>相关内容</h3>
            <p>相关辅助信息或者服务信息......</p>
        </aside>
    </div>
</body>
</html>

下来来给大家介绍一些html5中增加的功能元素

本来我打算写下来的,可是我发现这些是重复劳动。

https://www.w3cschool.cn/

大家可以去这里查询相应的标签。