你好，summary的本义是指：摘要，内容提要。HTML的<table>标签中有一个 summary 属性，它的作用很简单，就是说明一下表格的内容是什么，相当于一个备注吧。要注意的是，它不会显示在浏览器中，只有通过查看源码才能看到，如果你是做网页的，就可以给你的表格加这样一个“摘要”，在需要的时候提醒一下自己这个表格是干什么的。下面是一个例子：
<html><body>
<table border="1" summary="这个表格的内容是关于武将及其武器的（这个内容在网页上是看不到的）">
<tr>
<th>姓名</th>
<th>武器名称</th>
</tr>
<tr>
<td>李元霸</td>
<td>金锤</td>
</tr>
<tr>
<td>宇文成都</td>
<td>流金镋</td>
</tr>
</table>
</body>
</html>
<div>可定义文档中的分区或节（division/section）。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
<div>元素是块级元素，它是可用于组合其他 HTML 元素的容器。<div>元素没有特定的含义。 除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，<div>元素可用于对大的内容块设置样式属性。
<div>元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。 使用 <table>元素进行文档布局不是表格的正确用法。<table>元素的作用是显示表格化的数据。
<span>标签被用来组合文档中的行内元素。
<span>元素是内联元素，可用作文本的容器。<span>元素也没有特定的含义。 当与 CSS 一同使用时，<span>元素可用于为部分文本设置样式属性。
HTML5 提供的新语义元素定义了网页的不同部分。
header元素：定义文档或节的页眉。
footer元素：定义文档或节的页脚。
nav元素：定义导航链接的容器。
section 元素：定义文档中的节。
article 元素：定义独立的自包含文章。
summary 元素：定义 details 元素的标题。
aside 元素：定义内容之外的内容（比如侧栏）。
示列：
<table>元素不是作为布局工具而设计的。<table>元素的作用是显示表格化的数据。 使用 <table>元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式。
优势：
劣势：
尽管div + css布局具有一定的优势，不过现阶段div + css网站建设存在的问题也比较明显，主要表现在：
优点：
缺点：
这个问题问的好，我完全不知道你的summary是个什么东西，你要改它的颜色，是改背景颜色？还是字体颜色？是鼠标移动过去改变颜色？还是直接改变颜色？
还是点击后改变颜色？问问题的时候能不能表达清楚一点你想要怎么样，这样才能给你解答。
附上代码和图片也用不了多久啊
