프레임워크7

<>!DOCTYPE html>,<>html>,<>head>,>입니다. 필요한 메타 태그,><>메타 charset="utf-8">,<>메타 name="보임창"content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no, minimal-ui, viewport-fit=cover">,<>메타 name="apple-mobile-web-app-capable"content="네">,<>!--그들 Color.Estatusbar에><>메타 name="theme-color".Content="#2196f3">,<>!--당신의 앱 제목-><>title&gt을 말한다.내 App<, /title>,>!--경로 Framework7 도서관 전국적인 CSS에--><>링크 rel="스타일 시트"href="path/to/framework7.bundle.min.css">,>!--별도의 앱 스타일로 향하--><>링크 rel="스타일 시트"href="path/to/my-app.css">,<>/head>,<>body>,>!--앱 루트 요소,><>divid="앱">,>!--Statusbar overla.y,><>div class="statusbar"></div> <!-- Your main view, should have "view-main" class --> <div class="view view-main"> <!-- Initial Page, "data-name" contains page name --> <div data-name="home" class="page"> <!-- Top Navbar --> <div class="navbar"> <div class="navbar-inner"> <div class="title">AwesomeApp<, /div>,<>/div>,<>/div>,>!--존재하는 도구 모음,><>div class="도구 모음 toolbar-bottom">,<>div class="toolbar-inner">,<>입니다. 도구 모음 연결--><href="#"class="링크">, 1< 연결하다;/a>, <href="#"class="링크">, 2< 연결하다;/a>,<>/div>,<>/div>,>!--Scrollable 페이지 콘텐츠--을 만듭니다.<>div class="page-content">,<>p>페이지 콘텐츠 here&lt하고 /p>,>!-- 다른 페이지로-->연결합니다.<>;href="/about/">, 약 app<, /a>,<>/div>,<>/div>,<>/div>,<>/div>,>!--경로 Framework7 도서관 번들 JS,><, 스크립트 type="text/javascript"src="path/to/framework7.bundle.min.js">,<>/script>,>!--앱 js으로 향하--><, 스크립트 type="text/javascript"src="path/to/my-app.js">,<>/script&gt을 말한다. <>/body>,<>/html>.