第 15 章 Div+CSS页面设计

最新推荐文章于 2022-07-05 21:23:14 发布

weixin_33968104

最新推荐文章于 2022-07-05 21:23:14 发布

阅读量111

点赞数

文章标签： xhtml javascript ViewUI

原文链接：https://yq.aliyun.com/articles/347014

版权

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 系列手札
本文作者：陈景峯
转载请与作者联系，同时请务必标明文章原始出处和作者信息及本声明。