Html 为什么不是'；摘要和详细信息标签是否有效？_Html

Html 为什么不是'；摘要和详细信息标签是否有效？

html

Html 为什么不是'；摘要和详细信息标签是否有效？,html,Html,我在这里试过这个代码 <details> <summary>StudentResult</summary> <p> The student result are just average...</p> </details> </body> </html> 研究结果学生的成绩一般 <details>

我在这里试过这个代码

     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>


研究结果
学生的成绩一般
     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

摘要和详细信息标记不会显示在我尝试使用的任何浏览器中。为什么？

如果希望内容在默认情况下可见，则需要指定“打开”属性

     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

<details open="open">
    <summary>StudentResult</summary>
    <p> The student result are just average...</p>
</details>


研究结果
学生的成绩一般
     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

请记住，并非所有浏览器都有本机实现，因此，如果希望在所有浏览器中都能使用相同的javascript，则可能需要使用一些javascript对其进行增强。

如果希望内容在默认情况下可见，则需要指定open属性

     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

<details open="open">
    <summary>StudentResult</summary>
    <p> The student result are just average...</p>
</details>


研究结果
学生的成绩一般
     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

请记住，并非所有浏览器都有本机实现，因此，如果希望在所有浏览器中都能使用相同的javascript，则可能需要使用一些javascript对其进行增强。

尝试一下：

     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.js" type="text/javascript" />
<script type="text/javascript">
$(function(){
$('#showNow').click(function(){
$('details').slideDown();
});
});
</script>
</head>
<body>
<button id='showNow'>Show</button>
     <details style='display:none;'>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>


$（函数（）{
$（'#showNow'）。单击（函数（）{
$（'details'）.slideDown（）；
});
});
显示
研究结果
学生的成绩一般
     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

试试看：

     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.js" type="text/javascript" />
<script type="text/javascript">
$(function(){
$('#showNow').click(function(){
$('details').slideDown();
});
});
</script>
</head>
<body>
<button id='showNow'>Show</button>
     <details style='display:none;'>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>


$（函数（）{
$（'#showNow'）。单击（函数（）{
$（'details'）.slideDown（）；
});
});
显示
研究结果
学生的成绩一般
     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

mozila firefox和internet explorer不支持

和标记。此外，谷歌浏览器的任何版本都只支持12以上的浏览器。因此，这取决于您使用的浏览器和版本

     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

以下链接将有所帮助：，

和标签在mozila firefox和internet explorer中不受支持。
     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

此外，谷歌浏览器的任何版本都只支持12以上的浏览器。因此，这取决于您使用的浏览器和版本
     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>

以下链接将有所帮助：，
@user3809384您指的是什么类型的
注释？你能把你的问题解释清楚一点吗？谢谢。什么不起作用，你的html和正文从哪里开始tags@user3809384在我看来这很正常@nsthethunderbolt它就在那里，但每次我推它一行，它就会告诉我添加更多的上下文。这是我的全部代码，我想知道为什么应该有下拉列表的详细信息和摘要部分没有working@nsthethunderbolt我在这里尝试了这段代码StudentResult学生的成绩只是平均值…
摘要和详细信息标签不是在我尝试使用的任何浏览器中显示。为什么？@user3809384你指的是什么样的
评论？你能把你的问题解释清楚一点吗？谢谢。什么不起作用，你的html和正文从哪里开始tags@user3809384在我看来这很正常@nsthethunderbolt它就在那里，但每次我推它一行，它就会告诉我添加更多的上下文。这是我的全部代码，我想知道为什么应该有下拉列表的详细信息和摘要部分没有working@nsthethunderbolt我在这里尝试了这段代码StudentResult学生的成绩只是平均值…摘要和详细信息标签不是在我尝试使用的任何浏览器中显示。为什么？我在找这样的东西，但即使我输入了确切的code@user3809384：您正在测试哪些浏览器？在Chrome中，它的工作原理与GIF中显示的完全相同。@user3809384：是的，就像我说的，大多数浏览器不支持这个功能。请尝试nsthethunderbolt答案中的代码。它应该给你一个很好的起点。我在找这样的东西，但即使我输入了确切的数字，它也不会出现code@user3809384：您正在测试哪些浏览器？在Chrome中，它的工作原理与GIF中显示的完全相同。@user3809384：是的，就像我说的，大多数浏览器不支持这个功能。请尝试nsthethunderbolt答案中的代码。这应该给你一个很好的起点。@user3809384不要自责。：D.投票需要15点声誉。我有负面的看法，除了4年后的IE+Edge，所有浏览器都支持它，但仍然没有IE或Edge支持。微软真的失球了。4年后，有人；-）已经为不支持的浏览器编写了回退。您现在可以使用它，只要您实现提供的回退。@user3809384不要自责。：D.投票需要15信誉。我有负面的看法，除了4年后的IE+Edge，所有浏览器都支持它，但仍然没有IE或Edge支持。微软真的失球了。4年后，有人；-）已经为不支持的浏览器编写了回退。您现在可以使用它，只要您实现提供的回退。
     <details>
      <summary>StudentResult</summary>
      <p> The student result are just average...</p>
     </details> 

    </body>
    </html>