C#144课的主要内容

今天主要学习了一下知识点：

         HTML5语义元素

            语义学可定义为对语言意义的研究。

             语义元素是拥有语义的元素

             什么是语义元素？

             语义元素清楚地向浏览器和开发者描述其意义。

             非语义元素的例子：<div>和<span>-无法提供关于其内容的信息。

               语义元素的例子：<form>,<table>以及<img>-清晰地定义其内容。

              浏览器支持

              所有现代浏览器均支持HTML5语义元素

            此外，你可以帮助老式浏览器处理未知元素。

            HTML5中的新的语义元素

            许多网站包含了指示导航，页眉以及页脚的HTML代码

             HTML5<.section>元素

             <section>定义文档中的节

            根据W3C的HTML文献：节是有主题的内容组，通常具有标题。

            可以将网站首页划分为简介，内容，联系信息等节

             HTML5<article>元素

            <article>元素规定独立的字包含内容。

             文档有其自身的意义，并且独立网站其他内容进行阅读

             <article>元素的应用场景：

              论坛

             博客

             新闻

       Nesting  Semantic元素s

       在html5标准中<article>元素定义完整的相关元素自包含块。

      <section>元素被定义为相关元素块
       在因特网上，你会发现<section>元素包含<article>元素的html页面，还有<article>元素包含<sections>元素的页面。
      你还会发现<section>元素包含<section>元素，同時<article>元素包含<article>元素。

      html5<header>元素

        <header>元素为文档或节规定页眉

         <header>元素应该被用作介绍性内容的容器

           一个文档中可以有多个<header>元素

            html5<footer>元素

             <footer>元素为文档或节规定页脚

              <footer>元素应该提供有关其包含元素的信息。

               页脚通常包含文档的作者，版本信息，使用条款链接，联系信息等等。

             你可以在一个文档中使用多个<footer>元素。

           html 5<nav>元素

          <nav>元素定义导航链接集合。

         <nav>元素定义皆在定义大型的导航链接块。不过，并非文档中所有链接都应该位于<nav>元素中！

           html5<aside>元素

            <aside>元素页面主内容之外的某些内容

            aside内容应该于周围内容相关

            html5<figure>和<figcaption>元素

               标题的作用是为图片添加可见的解释。

           通过html5,图片和标题能够被组合在<figure>元素中：