走中国特色的网站重构道路（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
投稿猜你喜欢
- tornado 默认有一个模板引擎但是功能简单(其实我能用到的都差不多)使用起来颇为麻烦, 而jinja2语法与django模板相似所以决定
- 1、创建存储过程 create or replace procedure test(var_name_1 in type,var_name_
在本教程中，我们将学习如何创建一个使用Django作为后端的天气应用程序。Django提供了一个基于Python Web框架的Web框架，允- 1. 普通装饰器 import logging1. foo = use_loggine(foo) def use_loggine(func)
- 本文实例讲述了Mysql数据库中数据表的优化、外键与三范式用法。分享给大家供大家参考，具体如下：数据表优化将商品信息表进行优化1.创建商品种
- 抽象工厂模式Abstract Factory Pattern是什么抽象工厂模式是一种创建型模式，它提供了一种创建一系列相关或相互依赖对象的最
- 题目描述原题链接 :66. 加一给定一个由 整数 组成的 非空 数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位， 数组
- unplugin-auto-import的配置和eslint报错解决先上官网：unplugin-auto-importunplugin-au
- MySQL针对不同的用户提供了2种不同的版本：MySQL Community Server：社区版。由MySQL开源社区开发者和爱好者提供技
- 这样写 <select id="search"> <option>baidu</optio
- 关于Python 黑魔法 metaclass 的两种极端观点：这种特性太牛逼了，是无所不能的阿拉丁神灯，必须找机会用上才能显示自己的 Pyt
- 看了群主最后成像的图片，应该是循环了36次画方框，每次有10度的偏移。当然不能提前看答案，自己试着写代码。之前有用过海龟画图来画过五角星、奥
- 呵呵，我之前也写过一个类似的模板替换功能.>> 已实现：>、<、>=、<=、=、==等简单的运算>
- 先把这个script加到你的页面里:http://code.google.com/p/doufu/source/browse/trunk/n
- 私有变量表示方法在变量前加上两个下划线的是私有变量。class Teacher(): def __init__(self,nam
- 本文实例讲述了java实现的连接oracle mysql数据库功能。分享给大家供大家参考，具体如下：package com.nuo.test
- 前言：正则表达式(regular expression)描述了一种字符串匹配的规则，正则表达式本身就是一个字符串，使用这个字符串来描述、用来
- 启动sql server Net Start MSSqlServer 暂停sql server Net Pause MSSqlServer
- 本文主要介绍了vue中的数据绑定原理的实现，分享给大家，也给自己留个笔记，具体如下：vue中的响应式数据绑定是通过数据劫持和观察者模式来实现
- Request 对象在 scrapy 中 Request 对象代表着请求，即向服务器发送数据，该对象的构造函数原型如下所示：def __in
