三個不常用的HTML元素： 、、

前面的話

　　HTML5不僅新增了語義型區塊級元素及表單類元素，也新增了一些其他的功能性元素，這些元素由於瀏覽器支持等各種原因，並沒有被廣泛使用

 

文檔描述

　　<details>主要用於描述文檔或文檔某個部分的細節，與<summary>配合使用可以為<details>定義標題。標題是可見的，用戶點擊標題時，顯示出details

　　[注意]這兩個標簽只有chrome和opera支持

 

<details>

　　該標簽僅有一個open屬性，用來定義details是否可見(默認為不可見狀態)

<details>
    <summary>Copyright 2015.</summary>
    <p>小火柴的藍色理想</p>
</details>    

 

對話框

　　<dialog>標簽用來定義對話框或窗口，且該對話框位於窗口的水平居中位置

 

<dialog>

　　該標簽只有一個open屬性，用來定義對話框是否可見(默認為不可見)

　　[注意]只有chrome和opera支持

<button>顯示對話框</button>
<dialog>我是對話框的內容</dialog>
<script>
var oBtn = document.getElementsByTagName('button')[0];
var oDia = document.getElementsByTagName('dialog')[0]; 
oBtn.onclick = function(){
  console.log(oDia.getAttribute('open'))
  if(!oDia.getAttribute('open')){
    oDia.setAttribute('open','open');
    this.innerHTML ='隱藏文本框';
  }else{
    oDia.removeAttribute('open');
    this.innerHTML = '顯示文本框';
  }
}
</script>