2.11 高级“菜谱”：编写带有评论的文章页面
代码2.16创建了一个带评论的文章页面（见图2.9）。它使用了本章中介绍的一些新技术。
https://yqfile.alicdn.com/24f525911d6484aaa0281dcd3a5ba44202c7d3ea.png" >
代码2.16 带评论的文章
https://yqfile.alicdn.com/565f3f49bdfcbd569f74f2292939b2c4dd52769c.png" >
代码2.15使用了一些ARIA地标角色。此外，我们还使用了某些角色来辅助设置h1标记的样式。同时我们使用了b元素对article的首字母设置样式，让它看起来更漂亮点。在设置h1和b元素的样式时，没有必要使用上面的CSS代码，因为还有其他的方法选择这些元素，不过多一种选择也未尝不好。
页面中还多次使用了新的time元素，主article的pubdate中使用一次，每个评论中也分别使用了一次。在前面一章中，介绍了用户评论也属于article，所以我们在这里如此使用。这里我们将时间和日期作为它的标题。我们原本也可以使用评论的作者，但在大纲中出现多个重复的标题并不是我们想要的，使用日期和事件能够赋予它一个唯一的标识。这只是个人喜好问题，当然你也可以将评论作者作为标题。
页面还使用了编号列表（ordered list）使每个评论都带有一个编号，这不仅可以提供评论的顺序还可以为我们提供样式选项。在ol上使用reversed属性使最近的评论处于最顶端。这里还可以提供一个“按日期排序”的开关按钮，并使用JavaScript来添加或删除reverse属性。再次声明，你并非必须那样做，还有很多其他的办法。评论的设计也可能意味着你需要考虑其他一些方面。
时间： 2024-10-22 04:18:09