level 13
语义元素清楚地向浏览器和开发者描述其意义。
非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。
2021年01月03日 13点01分
level 13
level 13
语义元素清楚地向浏览器和开发者描述其意义。
非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。
语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。
2021年01月03日 13点01分
3
非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。
语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。
level 13
HTML5 中新的语义元素
许多网站包含了指示导航、页眉以及页脚的 HTML 代码，例如这些：<div id="nav"> <div class="header"> <div id="footer">
2021年01月03日 13点01分
4
许多网站包含了指示导航、页眉以及页脚的 HTML 代码，例如这些：<div id="nav"> <div class="header"> <div id="footer">
level 13
HTML5 提供了定义页面不同部分的新语义元素：
<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>
2021年01月03日 13点01分
5
<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>
level 13
HTML5 <section> 元素
<section> 元素定义文档中的节。
根据 W3C 的 HTML 文献：“节（section）是有主题的内容组，通常具有标题”。
可以将网站首页划分为简介、内容、联系信息等节
2021年01月03日 13点01分
6
<section> 元素定义文档中的节。
根据 W3C 的 HTML 文献：“节（section）是有主题的内容组，通常具有标题”。
可以将网站首页划分为简介、内容、联系信息等节
level 13
HTML5 <article> 元素
<article> 元素规定独立的自包含内容。
文档有其自身的意义，并且可以独立于网站其他内容进行阅读。
<article> 元素的应用场景：
论坛
博客
新闻
2021年01月03日 13点01分
7
<article> 元素规定独立的自包含内容。
文档有其自身的意义，并且可以独立于网站其他内容进行阅读。
<article> 元素的应用场景：
论坛
博客
新闻
level 13
level 13
level 13
在因特网上，您会发现 <section> 元素包含 <article> 元素的 HTML 页面，还有 <article> 元素包含 <sections> 元素的页面
2021年01月03日 13点01分
11
level 13
您还会发现 <section> 元素包含 <section> 元素，同时 <article> 元素包含 <article> 元素。
2021年01月03日 13点01分
12