前端基础小标签3 H5新标签

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

第二部分
H5的新标签
一、
<!-- mark标签
1.用于显示页面中需要重点关注的内容,就像看书需要用荧光笔划重点一样
2.浏览器通常会用黄色显示mark标注的内容

二、       -->
<article>
           <header>
               <h2>我们需要好好学习<mark>HTML5</mark>相关课程</h2>
           </header>
           <p>
               <mark>HTML 5</mark>是下一代的HTML规范<br />
           </p>
       </article>

****疑问：article和section以及nav的区别?

三、
header标签与footer标签：

实例：
<body>
<header>
           <img src="../img/logo.png" alt="尚学堂" /> 
           <a href="#">返回首页</a>
           <h1>浏览帖子内容</h1>
       </header>

       
       <article>
           <h2>学习Android,必须先学习Java吗?</h2>
           <p>Android上的应用程序只能用Java编写吗?可以用C++吗?</p>
           
           <section>
               <h2>回复内容</h2>
               
               <article>
                   
                   <header>
                       <h3>还是得学习Java</h3>
                       <div>作者: xyr</div>
                   </header>

                   <p>虽然Android不一定要使用Java开发,还可以选择JavaScript开发或者NDK开发,但是Java毕竟是Android开发的主流语言</p>

               </article>
               
               <article>
                   
                   <header>
                       <h3>Java是基础</h3>
                       <div>作者: xyr2</div>
                   </header>
                   <p>Java是基础,学好Java再去学习Android事半功倍</p>

               </article>
           </section>
           
           <section>
               <h2>评价内容</h2>
               
               <article>
                   
                   <h3>讨论很好</h3>
                   <p>大家讨论的很深入</p>

               </article>
               <article>
                   
                   <h3>赞</h3>
                   <p>不错,赞</p>
               </article>
           </section>

           
           <footer>
               以上帖子和回复只代表个人观点,不代表尚学堂的观点和立场
           </footer>
       </article>
</body>