html5

html5 中新增的<details>标签允许用户创建一个可展开折叠的元件，让一段文字或标题包含一些隐藏的信息。
" ?3 s1 Q" }4 O9 k. J% A5 l用法
' k3 e: {# N7 M8 g  a一般情况下，details用来对显示在页面的内容做进一步骤解释。其展现出来的效果和jquery手风琴插件差不多。
其大致写法如下：
<details>
2 k, G4 D6 i. F4 h3 u" h; [<summary>google nexus 6</summary
( |+ h5 m! B) [  t2 O- p<p>商品详情：</p>
: j5 @& t/ D% A& Y; e; R+ j/ D<dl>
& b( T; l/ D, e9 s<dt>屏幕</dt>
<dd>5.96” 2560x1440 qhd amoled display (493 ppi)</dd>
% D! X# F/ G; J" r( U<dt>电池</dt>
+ A& h) ?2 o" F$ V1 o; c6 i5 h  ?<dd>3220 mah</dd>
( d9 h3 B9 }& A% {<dt>相机</dt>
<dd>13mp rear-facing with optical image stabilization 2mp front-facing</dd>
<dt>处理器</dt>
<dd>qualcomm? snapdragon&#8482; 805 processor</dd>
0 D) |9 k( Z6 C; F</dl>
$ C( S7 t7 Q5 z8 ]6 n  |. J1 O. G6 h</details>
$ h" x; {/ f# B首先是<details>标签，里面接着是标题<summary>，这里面的内容一般简短，具有总结性，会展示在页面。接着可以跟任意类型的html元素作为详情内容，这些内容需要在点击<summary>才会呈现。
上面代码呈现出来的效果会是下面这样的：

0 x( w+ b8 }4 T, O1 o                               
登录/注册后可看大图

2 a# f+ \+ E. e- O' jhtml5 <details> 标签 三联
# F* M# m( Z7 ^最开始详情是隐藏的，当点击时都会展现。
open 属性
当然，你也可以通过给<details>标签设置open属性让它默认为展开状态。
" X* @4 `  J9 E2 Z<details open>
<summary>google nexus 6</summary>
' N* ?/ X4 Y/ x; y, V' `<p>商品详情：</p>
<dl>
# n0 ?' [8 W8 ~5 k<dt>屏幕</dt>
1 V; F& L! V5 B% L" L- U5 M<dd>5.96” 2560x1440 qhd amoled display (493 ppi)</dd>
6 l5 D% ?" r4 Q" j) Y& T  k% k<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&#8482; 805 processor</dd>
</dl>
</details>
此时默认会把详情展开，而点击标题后会折叠起来。
# b  K  Z8 r! g4 B, s% z5 Y7 n示例
7 w! z1 O! ]& Z! }示例如上面那样，预览在线版本可点击此处。
浏览器兼容性
由于是html5新标签，浏览器支持情况不是很理想。从来自caniuse的数据来看，目前仅chrome, safari 8+ 和opera 26+支持此标签。
" A: T5 C3 j# C可喜的是，如果你在caniuse开启了「显示来自uc浏览器的结果」 选项的话，会发现，国产的uc浏览器也支持了此标签。

4 i' d: ^0 p0 R/ k                               
登录/注册后可看大图

更多网页制作信息请查看： 网页制作

楼主说的是什么？我是小白，好像还没看明白！

(⊙o⊙)…好长啊，我虽然回复不了那么多字，但十五字还是有的。

晕倒`````不要造我的谣言哦~~小心我打你pp~~嘿嘿~~~~

@,@..是什么意思呀？

哈哈 我支持你

风沙就是由无数松散沙粒组成的，但是他们却又紧密的联系在一起，那股叱诧风云，横击 而过的气概相信大家在作者的文章里也能体会的出来。如果有读者还不能体会的，请参考

哈哈 怎么说来眼睛小真的很好 哈 哈哈~~~~

下流~~~~加~~~~~至极~~~~~~

楼猪.重量级人物阿.

刚才我还看见了呢.