HTML 语义难题

Question

我正在研究下面链接中给出的谜题

Semantics

它有 3 个问题:

Update the website's HTML to make use of semantic elements so that:

The classless outer div element is replaced with a more appropriate element.
The divs with the image and caption classes are replaced with self-contained content elements.
The divs with the lorem-ipsum and description classes are replaced with elements, so that by default only the contents of the description element are shown. When the contents of the description element are clicked, the visibility of the rest of the lorem-ipsum element is toggled.

我尝试将类添加到外部 div 作为 <div class="header">和 <div class="container"> .添加一个 Div 部分以包含图像和标题以及其他解决难题的方法，但它们都不起作用，测试用例不成功。

你能告诉我解决这个难题的正确方法是什么吗？

Answer 1

看看: https://www.w3schools.com/html/html5_new_elements.asp

例如:

• 使用<main> <div> 的瞬间在所有元素上
• 使用<figure> <div> 的瞬间图片
• 使用<figcaption> <div> 的瞬间图片说明
• ....