9 九宫图

• France 4
• Germany 4
• English 4

// 下面是一个列表分割符的实例

• A
• A 第一个链接
• A 第二个链接
• B
• black
• block
• C
• cake
• candi
• cantik

// 可分割按钮列表

• List 1
• List 2
• List 3
• List 4
• List 5

// 这是一个有序列表的实例

1. List 1
2. LIst 2
3. List 3
4. List 4
5. List 5

// 普通链接列表实例

• 链接1
• 链接2
• 链接3
• 链接4
• 链接5

//多层次嵌套列表实例

• 链接1

  这是第一层 list 1

  • 第一层子链接 1
  • 第一层子链接 2
  • 第一层子链接 3
• 链接2

  这是第二层 list 2

  • 第二层子链接 1
  • 第二层子链接 2
  • 第二层子链接 3
• 链接3
  • 第三层子链接 1
  • 第三层子链接 2
  • 第三层子链接 3
• 链接4
• 链接5

页面布局

HTML5 新元素中包括 header、footer、section、article 等语义标签。

本地存储

本地存储包括了 LocalStorage 和 SessionStorage 两种。

地理位置

地理定位 可以通过 window.navigator.getlocation 获得当前的位置信息。

请选择你的兴趣 音乐 电影 绘画 体育 跑步 球类 旅游 购物 骑车

// 尝试各种表单效果

请选择你的兴趣：

音乐 电影 体育 汽车 旅游 美食

请选择你的年龄范围： 不限 16-22岁 23-30岁 31-40岁 40岁以上

toggle switches : 关闭 开启 范围选择 姓名 密码 搜索