Html 标题链接加载到";标题“;地区
我正在写一个带有HTML页面的Sinatra应用程序。我已经创建了一个加载到每个页面的.htm标题。这是标题的代码,以及我如何将其加载到每个页面中:Html 标题链接加载到";标题“;地区,html,ruby,iframe,sinatra,Html,Ruby,Iframe,Sinatra,我正在写一个带有HTML页面的Sinatra应用程序。我已经创建了一个加载到每个页面的.htm标题。这是标题的代码,以及我如何将其加载到每个页面中: get '/page2' do send_file 'views/page2.html' end 标题 <html> <head> <link type="text/css" rel="Stylesheet" href="/stylesheets/center.css" /> </he
get '/page2' do
send_file 'views/page2.html'
end
标题
<html>
<head>
<link type="text/css" rel="Stylesheet" href="/stylesheets/center.css" />
</head>
<body>
<div>
<div style="height:80%">
<div style="height:75%">
</div>
<div style="height:25%;">
<a href="/" style="padding-right:20px;padding-left:20px;vertical-align:bottom;">Home</a>
<a href="/page1" style="padding-right:20px;padding-left:20px;">Page 1</a>
<a href="/page2" style="padding-right:20px;padding-left:20px;">Page 2</a>
<a href="/page3" style="padding-right:20px;padding-left:20px;">Page 3</a>
<a href="/page4" style="padding-right:20px;padding-left:20px;">Page 4</a>
<a href="/page5" style="padding-right:20px;padding-left:20px;">Page 5</a>
<a href="/page6" style="padding-right:20px;padding-left:20px;">Page 6</a>
<div style="90%;">
</div>
</div>
<div style="height:10%">
<hr>
</div>
</div>
</body>
</html>
但是,使用此当前设置。当我点击链接时,它会在“页眉”区域加载整个新页面。我希望它能加载整个新页面。我对Sinatra和web编程都是新手。任何关于为什么它会加载在标题区域而不是替换页面的想法都会非常有用
谢谢 看起来您希望使用类似或的模板 他们有一个布局的概念,这意味着你可以创建一个布局文件 对于erb,可以创建名为layout.erb的文件
$cat views/layout.erb
<html>
<head>
somethings
</head>
<body>
your navigation
<div id="content">
<%= yield %>
</div>
</body>
<html>
现在的情况是,布局引擎会处理它,并将视图与布局结合起来。如此简单,他们负责将视图复制到布局中
标记所在的位置
我建议你查一下sinatra的文档
$cat views/layout.erb
<html>
<head>
somethings
</head>
<body>
your navigation
<div id="content">
<%= yield %>
</div>
</body>
<html>
$cat views/index.erb
<span>Something is coming!!</span>
get '/page2' do
erb :index
end