对语义标记的建议

ahs*_*ele 5 html css markup semantic-markup

我正在为我正在处理的应用程序创建Web GUI.这个特定的部分将位于一个较大的页面内,这个页面具有良好的语义构成.但是,我不确定在语义上标记下面屏幕的最佳选择是什么.

我最初的想法是通过div将上半部分与下半部分分开.因此,顶部标记非常简单.离开我觉得难倒的地方.最简单的答案是表格,但这个内容不容易适合表格数据规则的唯一使用表格.特别是考虑到在这种布局中标题看起来很明显.建议?

需要这个图像的语义标记http://img183.imageshack.us/img183/2261/semanticmarkup.png

And*_*are 7

我会在下半部分使用表格,因为在我看来这表格数据.我看到4列(图标,项目名称,项目描述和操作按钮).我没有看到任何理由不使用表格进行此布局(更不用说任何其他方法可以使这种布局正确缩放将需要JavaScript和许多令人头疼的工作正常).

  • @ahsteele你可以添加标题...并通过CSS隐藏 - 这将是一个样式决定,你的HTML不需要因为它受到影响 (4认同)
  • 技术上是的,但良好的网络发展是理想主义和实用主义之间的平衡. (2认同)
  • @OP:我也会用表.我不确定你的意思是"......标题看起来很明显......" - 所以不要包含标题.:-)尝试以任何类型的广泛浏览器兼容的方式执行此操作将是复杂的,难以维护和容易出错 - 例如,不是花费宝贵的开发时间的有用方法.有一天,CSS将以合理的方式完成它,并且它的必要功能将得到足够的支持,但是虽然今天可能存在前者的争论,但后者却没有.不要浪费你的时间. (2认同)