<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta charset="UTF-8">
        <title>HTML Container</title>
        <script id="sap-ui-bootstrap" 
                type="text/javascript"
                src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
                data-sap-ui-theme="sap_bluecrystal"
                data-sap-ui-libs="sap.m"
                data-sap-ui-xx-bindingSyntax="complex">
        </script>	
		<style>
		#content{
		height:99% !important;
		}
		</style>
        <!-- XML-based view definition -->
        <script id="htmlView" type="sapui5/xmlview">
<mvc:View
  controllerName="myView.HTML"
  xmlns:core="sap.ui.core"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.m"
  xmlns:html="http://www.w3.org/1999/xhtml"
  class="viewPadding">
  <App>
  <pages>
<Page
    title="HTML Container"
    class="marginBoxContent" >
    <content>
<html:iframe target='_top' src="http://go.sap.com/index.html" id ="attachmentframe" height="98%" width="100%">
</html:iframe>
    </content>
  </Page>
  </pages>
  </App>
  </mvc:View>
        </script>
        <script>
// Controller definition
sap.ui.controller("myView.HTML", {

	onInit: function() {
	var oFrame = sap.ui.getCore().byId("__xmlview0--attachmentframe");
	var oAttributes = oFrame._xContent.attributes;
	var oValues = {"target": oAttributes[0].value, "src":oAttributes[1].value, "id":oAttributes[2].value, "height":oAttributes[3].value, "width": oAttributes[4].value};
	alert(JSON.stringify(oValues));
	}
});         
     // Instantiate the View, assign a model
     // and display
        var oView = sap.ui.xmlview({
        viewContent: jQuery('#htmlView').html()
        });
            
        oView.placeAt('content');
        </script>
    </head>
    <body class="sapUiBody" role="application">
        <div id="content"></div>
    </body>
</html>
// Code goes here

/* Styles go here */