一、设计、结构、语义
1.控件的三个主要状态：正常状态（左侧）; 活动状态（中间）和打开状态（右侧）
| 状态 | 描述 |
|---|---|
| 正常 | 1.页面加载； 2.控件处于活动状态，但用户点击控件以外的任何位置； 3.控件是活动状态，但用户使用键盘将焦点移动到另一个小部件； ps:在页面上移动焦点通常是按Tab键来完成，但这并不是标准(safari中是Option+Tab) |
| 活动 | 1.用户点击; 2.用户按下tab让控件重新获得焦点; 3.控件呈现打开状态然后用户点击控件 |
| 打开 | 控件在非打开状态时被用户点击 |
| 值改变 | 1.控件在打开状态下用户点击一个选项； 2.控件在打开状态下用户按下键盘上方向键或者下方向键. |
2.自定义控件的选项变化
当控件在打开状态时，选项将被突出显示;
当鼠标悬停在某个选项上时，该选项将被突出显示，并且之前突出显示的选项将返回正常的状态;
3.定义语义话的HTML结构
…
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true