走中国特色的网站重构道路（2）
作者：Twinsen Liang 来源：twinsenliang.net 发布时间：2010-04-08 16:10:00
标签：xhtml,重构,网页设计
3、将“没层级性”的文章采用<h>、<p>与<section>的组合取而代之。（使用模块化的大局观思维进行编码）
<html>
<head>
<title>网页模块化</title>
</head>
<body>
<h1>网页模块化思维</h1>
<p>2010年v2.0版本</p>
<h2>什么是模块化？</h2>
<p>模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整 体，完成整个系统所要求的功能。</p>
<h3>什么是前端的当中的模块？</h3>
<p>页面当中的每一个有独立内容并且能赋予标题命名的片段。</p>
<h2>为什么要做模块化？</h2>
<p>多人协同开发的同时能有一部分总体把控，但是每个人又可以独立的处理自己部分的代码，同时不会干扰到其他的成员的代码，高度提升效率。修改时只需要处理独立的需要修改的模块，对其余模块不会影响；出错时定位到具体模块，直接对于这一块进行版本回滚。高度降低风险。</p>
<h2>怎么做模块化？</h2>
<p>先按照主内容再细化内容两种方式分离出区块，由PM进行命名规则约定，分派至各人手中进行代码编写。最后由PM进行代码片段合并。</p>
<h2>模块化需要注意什么？</h2>
<p>公共部分的代码权限需要回归至PM手上管理；允许代码阶段性的臃肿，定期进行公共部分的版本整合。</p>
</body>
</html>
和
<html>
<head>
<title>网页模块化</title>
</head>
<body>
<section>
<h>网页模块化思维</h>
<p>2010年v2.0版本</p>
<section>
<h>什么是模块化？</h>
<p>模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整 体，完成整个系统所要求的功能。</p>
<section>
<h>什么是前端的当中的模块？</h>
<p>页面当中的每一个有独立内容并且能赋予标题命名的片段。</p>
</section>
</section>
<section>
<h>为什么要做模块化？</h>
<p>多人协同开发的同时能有一部分总体把控，但是每个人又可以独立的处理自己部分的代码，同时不会干扰到其他的成员的代码，高度提升效率。修改时只需要处理独立的需要修改的模块，对其余模块不会影响；出错时定位到具体模块，直接对于这一块进行版本回滚。高度降低风险。</p>
</section>
<section>
<h>怎么做模块化？</h>
<p>先按照主内容再细化内容两种方式分离出区块，由PM进行命名规则约定，分派至各人手中进行代码编写。最后由PM进行代码片段合并。</p>
</section>
<section>
<h>模块化需要注意什么？</h>
<p>公共部分的代码权限需要回归至PM手上管理；允许代码阶段性的臃肿，定期进行公共部分的版本整合。</p>
</section>
</section>
</body>
</html>
4、将原有的<ul>或者<ol>滥用的导航列表菜单使用<nl>取而代之。（这里前提是列表都最好都有个说明的原则）
<h5>导航菜单</h5>
<ul>
<li><a href="index.html">首页</a></li>
<li>
<h6><a href="#">音乐库</a></h6>
<ul>
<li><a href="cn.html">华语</a></li>
<li><a href="jk.html">日韩</a></li>
<li><a href="eu.html">欧美</a></li>
</ul>
</li>
<li><a href="bbs.html">论坛</a></li>
</ul>
和
<nl>
<label>导航菜单</label>
<li href="index.html">首页</li>
<nl>
<label>音乐库</label>
<li href="cn.html">华语</li>
<li href="jk.html">日韩</li>
<li href="eu.html">欧美</li>
</nl>
<li href="bbs.html">论坛</li>
</nl>
5、有上例当中的“无处不在的链接”。（将多余的不必要的标签去除）
0
投稿猜你喜欢
- 听说最近流行JQ风格的语法,不流行EXT风格了一.//ajax类fw=window.fw||{};fw.ajax = { &nbs
在进行Web的交互设计中，颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用，他们的出现总是不动声色而又恰如其分，维持了整个- Web Accessibility Initiative Accessible Rich Internet Applications认识AR
- 大家知道，在js里encodeURIComponent 方法是一个比较常用的编码方法，但因工作需要，在asp里需用到此方法，查了好多资料，没
- IIf 函数 根据表达式的值，来返回两部分中的其中一个。语法IIf(expr, truepart, fal
- 求3721,163,1,4832,1980,2008,68686688,9999,17173,5173,8848中最大的数明白后，试着求一下
- 二是什么时候CPU是空闲的?空闲是一个相对的标准。有时会CPU使用率30％以下可以定义为空闲;而有时候CPU使用率只有不到60％，就是空闲。
- 先前在DW教学－Dreamweaver量身打造Wordpress留言板（一） 教学文章中，已经成功的把前端留言机制与界面搞定了，虽然有了留言
- 你一定很喜欢像QQ或者MSN好友登录提示的效果吧，那么怎么样能在网页中实现呢？asp之家为大家找到了这
- gzip 是什么东东呢？百科跟我们说gzip是GNU zip的缩写，它是一个 GNU 自由软件的文件压缩程序。…gzip 的基础是 DEFL
- 在CSS初级教程中我们仅仅考虑了HTML选择符──以HTML标签形式出现。你当然可以用类选择符class和标识选择符id来定义自己的选择符。
- 注册模块default.asp 代码如下:<!DOCTYPE html PUBLIC "-//
- 经过了上个星期的努力学习，对处理html又有了新的发现感觉真的很不错可以说js的威力在处理html代码方面我又有所领悟了1、截取特定长度字符
- 相信大家平时都有这样的经历：页面上有一个链接指向服务器一个Word文件，当客户端机器有安装Office时，点击链接将调用Word打开浏览；当
- 此文主要讲述的是SQL Server连接中经常出现的3个常见错误，以及对这三个错误的详细分析，如果你其心存好奇的话，以下的文章将会揭开它的神
- 一、为图片添加水印 代码如下:<％ Dim Jpeg ””//声明变量 Set Jpeg = Server.CreateObject(
- 我的长博文不少，比较影响阅读体验，有必要添加一个文章目录功能。相比 Wordpress， Typecho 的插件就比较少了。我想找一个像掘金
- 解决安装Office2003 SP2后不能打开Access的问题手动更改注册表要解决此问题, 手动更改计算机上注册表位置启动 Access
- Mysql默认是不可以通过远程机器访问的,通过下面的配置可以开启远程访问.我的Mysql环境是ubuntu+mysql51.修改/etc/m
- 年前在重写淘宝旺铺里的会员卡脚本的时候，无意中发现了一个有趣的事情。代码类似：var associative_array = new Arr
