美文网首页
3-页面结构与模块划分

3-页面结构与模块划分

作者: 魔王哪吒 | 来源:发表于2020-05-13 00:14 被阅读0次

网页结构

一个HTML文件是有自己固定的结构的。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
 </body>
</html>

<!DOCTYPE html>定义文档类型,告知浏览器用哪一种标准解释HTML

<html></html>可告知浏览器其自身是一个HTML文档。

<head></head>标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title></title>
<script></script> <style></style> <link> <meta>等标签。

<title>元素可定义文档的标题。

<link>标签将css样式文件链接到html文件内。

<meta>定义文档的元数据,网页的元信息。

模块划分

每个网页都是由不同的功能模块组成的,因此在将制作网页的时候,我们要将网页的每个功能模块分开

常见的企业网站,多由头部区,展示图片区域,主题区域,底部信息区域组成

网页拆分原则

  • 由上到下
  • 由内到外

div header footer nav atricle aside 等标签多用于模块划分

相关文章

  • 3-页面结构与模块划分

    网页结构 一个HTML文件是有自己固定的结构的。 定义文档类型,告知浏览器用哪一种标...

  • 页面结构图2018-07-10

    什么时候需要画页面结构图? 在业务建模、模块划分,功能设计完毕后,出于以下目的会由产品出具页面结构图。 1.需要给...

  • 「交互规范」系统布局让页面模块更统一

    通过定义页面的模块布局,让用户高效的了解产品页面框架结构的划分,以及产品在各个平台的体验的一致性。 本文主要围绕统...

  • 宝联灯页面

    记录模块页面的数据填充,并进行分析分页页面结构。

  • 第15章 源文件与程序 & 软件设计

    15.0 Note 15.1 分离编译 1 按 逻辑结构(模块) 在 物理结构(文件) 上划分 15.2 链接 ...

  • 基于ES5的prototype进行模块化开发

    目前前端的模块化开发/多人协作开发基本上分为以下几类: 按功能划分不同的文件,最后进行组合 按页面或者模块进行划分...

  • NodeJs学习实践之笔记三

    划分模块 模块划分根据功能进行模块划分前台模块后台管理模块api模块2.使用app.use()进行模块划分app....

  • 新项目的思考

    文件结构 按模块化的方式划分文件结构,方便文件管理,由于vue的文件结构,可以把一个模块的css,js都写在vue...

  • 原型文档中页面及其注释的添加思路

    制作页面并为页面添加注释,大致思路如下: 按照页面模块进行划分,这是为了把内容进行分组,便于理解。 罗列数据。所有...

  • 测试开发笔记一(测试流程与理论)

    01 | 软件开发流程与项目管理 软件开发步骤 需求分析 概要设计:描述系统的处理流程、组织结构、模块划分、功能分...

网友评论

      本文标题:3-页面结构与模块划分

      本文链接:https://www.haomeiwen.com/subject/rzwwnhtx.html