当然样式表中的选择符,相应修改一下即可。
- .FloatFigure{ float: left;
- margin: 0px 20px 0px 0px; }
- .FloatFigure figcaption{ max-width: 300px;
- font-size: small; font-style: italic;
- margin-bottom: 5px; }
最后还有就是 <img> 元素中的 alt 属性可以删除掉,因为图题中包含了图片的完整说明。
用 <aside> 添加附注
新的 <aside> 元素表示与它周围的文本没有密切关系的内容。可以通过它介绍另一个相关的话题,或者对主文档中提出的某个观点进行解释。还可以用来放置广告、相关内容链接。
下面的示例中将用作醒目引文(pull quote),使用 <div> 元素可以创造这种效果,但是用 <aside> 元素让标记更有意义:
部分代码如下:
- <p>... (in a suitably robotic voice) "Who's your daddy now?"</p>
- <aside class="PullQuote"> <img src="quotes_start.png" alt="Quote">
- We don't know how the universe started, so we can't be sure it won't just end, maybe today. <img src="quotes_end.png" alt="End quote">
- </aside>
- <h2>Unexplained Singularity</h2>
对应的样式表内容如下:









