如你所知,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