HTML页面的厨房水槽

Question

我正在设计网页主题,我想整理一个"厨房水槽"HTML页面,其中包含网页最常见的设计元素.显示主题功能非常棒,但也帮助我为页面上的所有内容开发CSS而不会遗漏任何内容.

有明显的HTML标签列表,这是一个很好的起点:

• 标题<h1>通过<h6>
• 段落
• <em>以及<strong>段落,标题等
• 带有可选标题的浮动图像
• 列表<ol>和<li>短(一行)和长(多行)列表项
• 定义列表<dl>,<dt>,<dd>
• <hr>具有可选"返回首页"链接的水平规则
• 带有<thead>和的表格<th>,<tbody>带有替代行突出显示,<tfoot>带有分页和/或注释
• 功能比较表(勾选/交叉或短划线)
• <blockquote> 对于长/参考报价
• <q> 简短的报价
• 带有文本,收音机,复选框,文本区域,选择和按钮,支持左/右标签,默认值,提示文本和验证错误突出显示的表单
• 具有语法突出显示和原始输出/剪贴板的代码示例

然后是其他造型:

• 面包屑
• Dropcap上的段落
• 浮动的文本提取,pullquotes
• 列
• 块插图 - 背景颜色,边框等
• 背景突出显示文本
• 悬停激活的链接(虚线下划线)
• 提示

然后是一块HTML的特定应用:

• 文件/维基的目录
• 主页功能滑块/框
• 文件下载
• 联系信息,<dl>地址,电话,电子邮件等
• 图像库
• 日历(年,月,周,日视图)
• 嵌入式视频
• 定价表
• 地图
• WYSIYG编辑器
• 博客文章摘要,博客文章
• 论坛帖子列表,表格帖子
• "添加到购物车"样式块
• 客户评论星级评定
• 页外用户提醒(SO风格)
• 页内反馈 - 错误,成功等
• 用户个人资料块 - 头像,用户名,统计信息

与页面相关的操作:

• 寄给朋友
• Tweet,Like/Share,+ 1,Flattr
• 替代格式RSS/XML/CSV等
• 打印

jQuery UI元素(这是重新发明轮子吗？):

• 手风琴
• 标签框
• 对话
• 单按钮
• 多选按钮
• 滑块
• 日期选择器
• 进度条
• 自动完成
• 覆盖/阴影
• 框架图标

有什么我想念的吗？我想尽可能多地包含一些共同元素.如果你购买主题,你会发现他们错过了一些重要的东西,或者包含了一些我没想过的东西吗？

希望这将成为一个社区维基问题

Answer 1

一些非常有用的东西,你总是花时间在工作:

• 菜单(水平,垂直,可扩展等)
• 表单验证(如果你还包括javascript,这是)
• 提示
• WYSIYG编辑器
• 地图

希望能帮助到你