新的 HTML5 元素是否像
和
一样无用？

元素 <section> 和 <article> 对屏幕阅读器也有用，而且还有助于视障人士阅读网页的内容。这对电子书阅读器也有好处。

让我们看看如何使用这两个元素。

<section>

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Section Tag</title>
   </head>
   <body>
      <section>
         <h1>Java</h1>
         <h3>Inheritance</h3>
         <p>Inheritance defines the relationship between superclass and subclass.</p>
      </section>
   </body>
</html>

<article>

<!DOCTYPE html>
<html>
   <body>
      <main>
         <h1>Learning</h1>
         <p>Learn to gain experience and try to share your knowledge with others.</p>
         <article>
            <h3>Web Development Tutorials</h3>
            <p>Consist of CSS, HTML, and PHP tutorials for 2nd Semester exams.</p>
         </article>
         <article>
            <h3>Academic Tutorials</h3>
            <p>Consist of Computer Fundamental, Computer Network tutorials for
            1st Semester exams.</p>
         </article>
      </main>
   </body>
</html>

更新时间： 2020 年 1 月 27 日

91 次浏览

开启您的 职业生涯

完成课程并获得认证

开始使用
广告