webとhtmlに関するmakiharuのブックマーク (2)

  • スタイルシート(CSS)で段組を構成する 2 CSSで作る段組レイアウトの例 - [ホームページ作成]All About

    CSS段組2:スタイルシートで作る段組レイアウトの例HTML+CSSで「段組(マルチカラム)」を作ってみましょう。よくあるレイアウトのサンプルを用意して、その通りに段組を構成する方法をご紹介します。スタイルシートでスマートに段組を作りましょう。 スタイルシートだけで作る段組の例 前回の記事「スタイルシートだけで段組を作る」で、table要素を使わずに段組(マルチカラム)を作る方法についてご紹介致しました。 今回は、段組を用いたページ構成をサンプルとして示して、その通りの段組を作る方法をご紹介致します。 今回ご紹介するのは、下記の画像のようなページ構成です。 よくある構成ですね。 この構成の段組をスタイルシートだけで実現するサンプルソースをご紹介致します。 まずはHTMLを書く まずは、HTML部分をご紹介致します。 デザインはすべてスタイルシートで記述しますから、HTMLは非常に単純です。

    スタイルシート(CSS)で段組を構成する 2 CSSで作る段組レイアウトの例 - [ホームページ作成]All About
  • HTMLのメタ情報

    ドキュメントの作者が簡単にメタ情報を提供できるように、HTMLにはメタデータを文中に埋め込むための要素タイプがいくつか用意されています。head要素内に記述するものは基的にメタ情報ですし、address要素や汎用属性のtitle属性などもメタデータを提供する手段です。 head要素でのメタ情報 HTTPヘッダの代用としてのmeta要素 link要素で外部文書との関係を示す 文中で示すメタ情報 参照文献 head要素でのメタ情報 メタデータを提供するといっても、特別難しいことをするわけではありません。html文書は、文を構成するbody要素の前に、文書情報を提供するためのhead要素を持ちます。ここに記述されるタイトル、スタイルシート、スクリプトなどは、一般には画面に表示されず、ユーザエージェント(ブラウザ)がHTMLを処理するときなどに利用します。すなわち、head要素全体がメタ情報

  • 1