目录 概述 按钮用的是可点击的<div>而不是<button> 元素 标题用的是 <div>而不是标题元素 (<h1>，<h2> 等等) <input>相应的文本标签用的是<div> 而不是<label> 输入框也用绑定了键盘事件的<div>，而不是<input> 看到没？一招<div> 走天下！如许有没有标题？好像也没什么大标题，毕竟页面看起来符合设计，也能正常交互。但是你想过没有，如果<div>能办理统统，为什么还须要其余几十上百种标签呢？这就要说到 HTML 的语义化了。什么是语义化 标题元素 <!-- h1, 一级标题 -->
<h1>当你的 HTML 里全是 div，那你就要小心了</h1>
<!-- h2，二级标题 -->
<h2>什么是语义化</h2>
<!-- h3，三级标题-->
<h3>标题元素</h3> 复制代码
<div>: 当你的 HTML 里满是 div，那你就要小心了 <div>: 什么是语义化 <div>: 标题元素 <div>: 按钮 <div>: 非语义化元素 <div>: 总结 由于<div>不附带任何寄义，因此它就是扁平的布局。只要利用正确的 HTML，DOM 就会变得清晰和布局化。按钮 可得到焦点 可通过敲击空格键或者回车键激活 可通过鼠标点击激活 当你用<div>绑定点击事件来模拟按钮时，你就没办法用上<button>自然自带的那些语义化的交互特性。你还须要手动实现这些功能：非语义化元素 <div>是块级元素 <span>是行内元素，应该放在其他元素内里，比如<p><span>I</span>nline elements</p> 如果实在找不到对应的 HTML 元向来表示内容，那就可以用<div>或者<span>。既然设计了<div>和<span>，自然有它们的用武之地。毕竟，并不是每一个 HTML 元素都须要额外的语义。总结 
