Question

因此，我有一个index.html文件作为我的基本布局。但是，怎么说呢？提取一个html块并将其包含到我的块中。

我知道扩展会复制页面，但是我会告诉您我在做什么。如果这是解决问题的正确方法，也请让我知道。

所以我有这个html，我想将其分离到另一个名为header.pug的文件中，然后将其放在index.html中，如下所示。

            div.header-content
                div.top-section
                    div.logo
                        img(src="assets/img/logo.svg")
                    div.menus
                        nav.social-menus 
                            a(href="http://facebook.com")
                                span.hide Facebook
                            a(href="http://twitter.com")
                                span.hide Twitter
                            a(href="http://instagram.com")
                                span.hide Instagram
                            a(href="http://youtube.com")
                                span.hide YouTube
                        div.title-bar(data-responsive-toggle="main-nav")
                            button.menu-icon(data-toggle="main-nav") 
                            div.title-bar-title Menu
                        nav.main-navigation#main-nav(data-animate="menu-in menu-out")
                            li
                                a(href="index.html") Home
                            li
                                a(href="about.html") About Us
                            li
                                a(href="#") Process
                            li
                                a(href="#") Menu
                            li
                                a(href="#") Gallery
                            li
                                a(href="#") Contact Us



html
head
    title Foundation CoffeeShop
    link(rel="stylesheet", href="./assets/css/app.css")
    script(src='/assets/js/jquery.js')
    script(src='/assets/js/foundation.js')
    script(src='/assets/js/app.js')
body
    header.site-header
        div.container
            block header
                div.bottom-section
                    block main
                        h1.slogan A new experience everyday
    footer.site-footer
        div.container
            div.footer-content
                div.footer-box
                    h3 Location
                    p Glasgow, Whisky Bond
                div.footer-box
                    h3 Reservations
                    p Call us on
                    p 0141 552 8888
                div.footer-box
                    h3 Opening Hours
                    p Mon-Fri, 6am - 9pm
                    p Sat, 10am - 9pm
                    p Sun, Closed
        p.copyright All rights reserved - The CoffeeShop 2017

Answer 1

我的坏东西，是把延伸而不是延伸！

如何将哈巴狗组件分解成块等

1 个答案: