`

第14章 details元素个summary元素

 
阅读更多
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<details>
	<summary>
    	展开更多
    </summary>
    <p>阅谁问君诵,水落清香浮。</p>
    <p>阅谁问君诵,水落清香浮。</p>
    <p>阅谁问君诵,水落清香浮。</p>
    <p>阅谁问君诵,水落清香浮。</p>
    <!--目前只兼容 谷歌内核-->
</details>
</body>
</html>

 

效果图:

 

 

 

  • 大小: 38.6 KB
  • 14.rar (297 Bytes)
  • 下载次数: 0
分享到:
评论

相关推荐

    归纳HTML5十五大新特性.pdf

    11. Details和Summary元素:&lt;details&gt;和&lt;summary&gt;元素提供了一种创建可折叠内容的方式,如帮助文档中的详细信息,用户可以选择展开或关闭。 12. Embed元素:HTML5的元素允许插入各种外部资源,如Flash或其他插件,...

    HTML 5.1学习之新增的14项特性与应用示例

    7. `&lt;details&gt;`和`&lt;summary&gt;`元素:这两个元素一起用于创建可展开/折叠的内容区域,通常用于提供额外信息,而`&lt;summary&gt;`作为摘要或标题,点击后展开`&lt;details&gt;`内容。 8. `&lt;picture&gt;`元素:这个元素允许根据不同的...

    22个HTML5 技巧

    17. **&lt;details&gt; 和 &lt;summary&gt;**:这两个元素可以创建可折叠的详细信息区域,增强用户体验。 18. **&lt;meter&gt; 和 **:用于显示进度条和量规,提供实时反馈。 19. ****:用于显示汉语拼音或注音,对中文学习者非常...

    HTML5入门与新增标签学习总结.docx

    5. `&lt;details&gt;`和`&lt;summary&gt;`标签:`&lt;details&gt;`定义了一个可展开/折叠的详细信息区块,`&lt;summary&gt;`作为其标题,提供了交互式的用户体验。 6. `&lt;figure&gt;`和`&lt;figcaption&gt;`标签:`&lt;figure&gt;`用于定义图形、图片或代码...

    html5测试题.docx

    - **D** `&lt;details&gt;`元素可以包含一个或多个`&lt;summary&gt;`元素,但不一定必须是第一个子元素。 **答案**: D #### 6. 下列关于HTML5的表单属性的浏览器支持的说法,正确的是() - **解析**: HTML5表单新增了一些...

    Html5精通中文教程

    - `&lt;summary&gt;`: 指定`&lt;details&gt;`元素的标题。 - `&lt;meter&gt;`: 显示度量值。 - **示例代码**: ```html ;"&gt; ()"&gt; &lt;output for="volume"&gt;5 function updateValue() { document.querySelector('output')....

    Maven权威指南 很精典的学习教程,比ANT更好用

    一个“项目”的概念模型 1.6. Maven是Ant的另一种选择么? 1.7. 比较Maven和Ant 1.8. 总结 2. 安装和运行Maven 2.1. 验证你的Java安装 2.2. 下载Maven 2.3. 安装Maven 2.3.1. 在Mac OSX上安装Maven ...

    HTML5学习教程

    85. **`&lt;summary&gt;`**:定义`&lt;details&gt;`元素的摘要。 86. **`&lt;sup&gt;`**:上标文本。 87. **`&lt;table&gt;`**:表格。 88. **`&lt;tbody&gt;`**:表格主体部分。 89. **`&lt;td&gt;`**:表格单元格。 90. **`&lt;textarea&gt;`**:多行文本输入...

    HTML 5 标签参考

    HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它引入了许多新的标签和技术来改进网页的表现力和功能。HTML5的新特性旨在简化网页开发过程并提高用户体验。本篇文章将详细解读《HTML 5 标签参考...

Global site tag (gtag.js) - Google Analytics