html - HTML 页面的厨房水槽

Question

关闭。这个问题需要更多focused .它目前不接受答案。












想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post .

8年前关闭。




Improve this question




我正在设计网页主题，我想将包含网页最常见设计元素的“厨房水槽”HTML 页面放在一起。展示主题功能很棒，但也帮助我为页面上的所有内容开发 CSS，而不会遗漏任何内容。

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

标题<h1>通过 <h6>

款

<em>和 <strong>在段落、标题等中

带有可选标题的 float 图像

列表 <ol>和 <li> 、短(单行)和长(多行)列表项

定义列表 <dl> , <dt> , <dd>

横规<hr>带有可选的“返回顶部”链接

带有 <thead> 的表和 <th> , <tbody>带有交替行突出显示，<tfoot>带分页和/或注释

功能比较表(勾选/交叉或破折号)

<blockquote>长/引用报价

<q>短报价

带有文本、单选框、复选框、文本区域、选择和按钮的表单，并支持左/右标签、默认值、提示文本和验证错误突出显示

带有语法高亮和原始输出/剪贴板的代码示例

然后附加样式的东西:

面包屑

段落首字下沉

float 文本摘录，拉引号

栏目

块插入 - 背景颜色、边框等

文本背景突出显示

悬停激活链接(虚线下划线)

工具提示

然后是一段 HTML 的具体应用:

文档/维基目录

首页功能滑块/框

文件下载

联系信息，样式 <dl>地址、电话、电子邮件等

图片库

日历(年、月、周、日 View )

嵌入式视频

定价表

map

所见即所得编辑器

博文摘要、博文

论坛帖子列表，表格帖子

“加入购物车”样式块

星级评价的客户评论

页面外用户警报(SO 样式)

页内反馈 - 错误、成功等

用户个人资料块 - 头像、用户名、统计信息

页面相关操作:

发送给 friend

推文，喜欢/分享，+1，Flattr

替代格式 RSS/XML/CSV 等

打印

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

Accordion

标签框

对话

单键

多选按钮

滑块

日期选择器

进度条

自动完成

叠加/阴影

框架图标

有什么我想念的吗？我想包含尽可能多的常见元素。如果您购买主题，您是否发现它们遗漏了一些重要的东西，或者包含一些我没有想到的很棒的东西？

希望这会变成一个社区维基问题

Answer 1

你总是花时间做一些非常有用的事情:

菜单(水平、垂直、可扩展等)

表单验证(如果您还包含 javascript)

工具提示

所见即所得编辑器

map

希望能帮助到你