目录
- 15.1. 页面元素命名
- 15.2. XHTML+DIV+CSS
- 15.3. 页面结构设计
- 15.3.1. Home page (首页)
- 15.3.2. 导航烂
- 15.3.3. Left Bar
- 15.3.4. 区块设计 Block
- 15.4. 表格
- 15.5. 图片优化
- 15.5.1. onMouseOver/onMouseOut
- 15.5.2. 使用一幅图片处理BLOCK四角
- 15.5.3. 图片用背景图代替 img 标记
- 15.5.4. 合并图片
- 15.6. HTML嵌入图片
- 15.7. 页面内容安全
- 15.7.1. 禁止鼠标右键
- 15.7.2. 禁止复制剪切 及粘贴
- 15.8. html,css 有效性检查 Validation
- 15.9. 自适应宽度超出截取并显示省略字符
最近几年，随着业界越来越关注XHTML+CSS的标准化设计，一个新兴职业已经诞生，这就是“网站重构师”，这个新兴职业人才紧缺，他们主要的职责是将HTML+Table+Javascript的架构向XHTML+CSS+Ajax迁移。
15.1. 页面元素命名
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>恒信贵金属报表系统</title>
</head>
<body>
<div id="header">
<div id="logo"></div>
<div id="banner"></div>
<div id="navigation"></div>
</div>
<div id="wrapper">
<div id="sidebar"></div>
<div id="content"></div>
</div>
<div id="footer">
<div id="footer-nav"></div>
<div id="copyright"></div>
<div id="legal"></div>
</div>
</body>
<html>
原文出处：Netkiller 系列 手札
本文作者：陈景峯
转载请与作者联系，同时请务必标明文章原始出处和作者信息及本声明。