word-break：指定在单词内怎样断行

normal：默认断行规则
break-all：对于 non-CJK (CJK 指中文/日文/韩文) 文本，可在任意字符间断行
keep-all：CJK 文本不断行。Non-CJK 文本表现同 normal

实现div居中，宽度自适应

margin: 0 auto;

在图片上定义一个热点区域，可以关联一个超链接
<area> 元素仅在<map>元素内部使用
它是一个空的元素不允许嵌套任何子元素或者文本
只能允许有开始标签不允许有结束标签
<area>元素必须拥有一个<map>元素祖先元素，但不一定是直接的父元素

属性

alt：在未显示图像的浏览器上显示代替的文本字符串。这个文本应该能传达给用户与显示图像而没有文本的情况下同等的选择（译者注：就是字和图片表达一个意思）。在 HTML4 中，这个属性时必需的，但是可以是一个空的串 ("")。在 HTML5 中，这个属性只有在href 属性被使用的时候才是必需的。
coords：给热点区域设定具体的坐标值
- 对于矩形或长方形，这个 coords 值为两个 X,Y 对：左上、右下
- 对于圆形，这个值是 x,y,r，x,y 是一对确定圆的中心的坐标而 r 则表示的是半径值。对于多边和多边形，这个值是用 x,y 对表示的多边形的每一个点：x1,y1,x2,y2,x3,y3 等等。HTML4 里，值可能是像素数量或者百分比，区别是不是有 % 出现; HTML5 里，只可能是像素的数量
download：下载资源
href：HTML4 里，这个值不管是不是有值都要明确指定出来。HTML5 里则不需要。
hreflang：链接资源的语言类型
media：链接资源的媒体类型，例：print and screen。如果此属性省略，默认全部。仅在 href 属性存在情况下使用
rel：对于包含 href 属性的锚，该属性指定目标对象与链接对象的关系。该值是一个逗号分隔的链接类型值列表。这些值及其语义将由一些可能对文档作者有意义的权威进行注册。如果没有其他的关系，默认的关系是无效的。只有当 href 属性是 presen 时才使用该属性
shape：相关联的热点的形状
target：在什么地方显示链接的资源
- _self: 在当前区域加载链接指向的资源。这个是默认值。
- _blank: 在新的未命名的窗口或者 tab 里加载超链接资源。
- _parent: 在父级加载超链接资源。HTML4 里，是当前 frame 的父级，HTML5 里是当前的浏览器上下文，如果当前环境没有父级，行为和_self一样。
- _top: HTML4 里：将响应加载到完整的原始窗口中，取消所有其他帧。在 HTML5 中：将响应加载到顶级浏览上下文 (也就是说，浏览上下文是当前版本的祖先，并且没有父类)。如果没有父类，这个选项的行为方式与 self 相同本属性只能在指明 href 属性之后使用。
type：链接目标的 MIME 类型的媒体类型
- 例如，当类型设置为音频/wav 时，浏览器可能会添加一个小的扬声器图标
- 只有当 href 属性存在时才使用该属性

例子

<map name="primary">
  <area shape="circle" coords="200,250,25" href="another.htm" />
  <area shape="default" nohref />
</map>

实战 - CSS、HTML

word-break：指定在单词内怎样断行

实现div居中，宽度自适应

属性

例子