学做网站培训课程介绍

当前位置：

HTML5之details标签

HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件，让一段文字或标题包含一些隐藏的信息。

一般情况下，details用来对显示在页面的内容做进一步骤解释。其展现出来的效果和jQuery手风琴插件差不多。

用法如下：



<details>

<summary>Google Nexus 6</summary>

<p>商品详情：</p>

<dl>

<dt>屏幕</dt>

<dd>5.96” 2560x1440 QHD AMOLED display (493 ppi)</dd>

<dt>电池</dt>

<dd>3220 mAh</dd>

<dt>相机</dt>

<dd>13MP rear-facing with optical image stabilization 2MP front-facing</dd>

<dt>处理器</dt>

<dd>Qualcomm® Snapdragon™ 805 processor</dd>

</dl>

</details>

首先是<details>标签，里面接着是标题<summary>，这里面的内容一般简短，具有总结性，会展示在页面。接着可以跟任意类型的HTML元素作为详情内容，这些内容需要在点击<summary>才会呈现。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • html5做网站：怎样用HTML5在网页图片上写文字 图文教程 (157382 次浏览)
    在做网站过程中，如果想在一张网页上实现图片加文字的格式，就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片，然后
  • 「网站特效」html5 canvas粒子线条特效制作方法 图文教程 (19681 次浏览)
    canvas是html5中比较重要的一个标签，canvas的实现需要借助原生态的js特效代码才能很好的展示出来。今天学做网站论坛就给大家讲一讲如何使用html5中ca
  • HTML5之details标签 (114450 次浏览)
    HTML5 中新增的<details>标签允许用户创建一个可展开折叠的元件，让一段文字或标题包含一些隐藏的信息。一般情况下，details用来对显示在页
  • HTML文本格式化标签，“计算机输出”标签，引用标签 (129054 次浏览)
    HTML 文本格式化：使用 pre 标签对空行和空格进行控制。“计算机输出”标签：这些标签常用于显示计算机/编程代码。引用标签：使用 blockquote
  • HTML文字倾斜标签是什么 (134144 次浏览)
    HTML文字倾斜标签是什么？我们在做网站时，有的文字需要倾斜显示，这时就需要使用HTML文字倾斜标签了。HTML斜体标签：HTML 斜体标签元素知识与

建站培训课程

最新教程

其它教程