foundation6のHTMLテンプレートを見てみよう

foundation template foundation

まずは、foundation6のHTMLテンプレートを見てみましょう。

下記は、foundationのinstallationのサイトで公開されている「HTML Starter Template」です。

Installation | Foundation for Sites 6 Docs
There are many ways to install Foundation, but if you're just getting started, we have a few suggestions.

CSS版のfoundation6をダウンロードすると、CSSファイルとScriptといっしょに、このテンプレートに近いHTMLファイルが付いてきます。

html5の標準的なコードに加えて、bodyを閉じるタグの前に、独自のScriptを読み込んでいます。

続いては、Sass版で作成したProject\src\layoutにあるdefault.htmlです。この部分はすべてのページに共通に読み込まれ、{{!– }}部分に、\src\pages\index.htmlを読み込んで、\dist\index.htmlに出力します。

そして、初期状態でProject/distに書き出されているHTMLのコードが以下です。

 

次回は、引き続きHTMLをいじってみたいと思います。

コメント