码迷,mamicode.com
首页 > 其他好文 > 详细

UI5-文档-4.1-Hello World!

时间:2018-12-11 14:37:04      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:关于   html5   注意   step   引擎   服务   type   ref   ati   

如你所知,SAPUI5是关于HTML5的。让我们开始构建第一个仅使用HTML的“Hello World”。

Preview

 技术分享图片

 

浏览器显示文本“Hello World”

Coding

你可以在此查看和下载所有文件Walkthrough - Step 1.

webapp/index.html (New)

<!DOCTYPE html >

<html>

   <head>

      <meta http-equiv="X-UA-Compatible" content="IE=edge">

      <meta charset="utf-8">

      <title>Walkthrough</title>

   </head>

   <body>

      <p>Hello World</p>

   </body>

</html>

 

现在创建一个名为index的新根HTML文件。应用程序文件夹中的html。HTML文档基本上由两个部分组成:头和正文。头部分将被浏览器用来处理文档。使用meta标签,我们可以影响浏览器的行为。创建一个新的文件夹webapp,它将包含我们将在本教程中创建的所有应用程序的源代码。因此,我们将该文件夹称为“app文件夹”。

在这种情况下,我们将告诉Microsoft Internet Explorer使用最新的呈现引擎(edge),文档字符集将是UTF-8。我们还将给我们的应用程序一个标题,将显示在浏览器中。请注意,我们的硬编码标题可能被应用程序所覆盖,例如以用户的语言显示标题。

正文部分描述了页面的布局。在我们的例子中,我们只是使用p标记显示“Hello World”。

<br>提示<br><div class="br-height"></div>通常,webapp文件夹的内容作为应用程序包部署到Web服务器。当部署webapp文件夹本身时,访问index.html文件的URL包含在webapp路径中。

Conventions

命名应用程序的根HTML文件index.html 在webapp文件夹中找到它。


Parent topic: Walkthrough


Next: Step 2: Bootstrap

UI5-文档-4.1-Hello World!

标签:关于   html5   注意   step   引擎   服务   type   ref   ati   

原文地址:https://www.cnblogs.com/ricoo/p/10101757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!