前端框架OnsenUI学习之页面结构介绍

由于目前所有页面均写在HTML中,因此页面的大体结构和HTML相同,都有<head>和<body>,其中在<head>中进行css样式和JS文件的引用,在<body>中进行页面布局设计。

前端框架OnsenUI学习之页面结构介绍_第1张图片

如上图所示,在<body>标签中嵌套一个<ons-navigator>,然后才是正文<ons-page>。

对于<ng-controller>指令,这是AngularJS种用来定义控制器的,这个知识点会在AngularJS笔记中作说明。

对于<ons-navigator>标签,会在后文中详细介绍。

对于<ons-page>标签,每个<ons-page>表示一个页面,类似于Android中的Activity,应用中呈现给我们的内容都是写在<ons-page>里的。

你可能感兴趣的:(前端框架,跨平台,OnsenUI)