タグ

ブックマーク / web.w3g.jp (5)

  • 続HTML5についてのおさらい

    Updated 2013.09.05 / Published 2010.08.19 HTML5についてのおさらい続編です。前回の内容を受けて読者の方から質問があったことに対する回答のまとめであったり、前回紹介しきれなかったセクション関連の新要素として見出しをグループ化するhgroup要素による効果、およびheader, footer要素を用いたセクションといった前回から一歩踏み込んだ内容をまとめました。 前回のHTML5についてのおさらいの前提を含みます。先に参照しておくとより理解が進むかと思います。また、今回取り上げている要素はコンテンツ・モデルも関係してくるのでこの点も抑えておく必要があります。 hgroup要素 - 見出しのグループ化 hgroup要素は、HTML5の勧告候補から除外されました。各ブラウザは互換性のためにhgroup要素のサポートをいますぐやめるわけではありません。h

    続HTML5についてのおさらい
    teru-7
    teru-7 2011/02/21
  • コンテンツ・モデル

    メタデータ・コンテンツ <base /> 空 <link /> 空 <meta /> 空 <noscript>-</noscript> スクリプトが無効な場合:0個以上のlink要素, meta要素, style要素 スクリプトが有効な場合:テキスト <script>-</script> src属性がある場合: 空、もしくは著作権情報やAPI 情報といったスクリプトの説明文 src属性がない場合: JavaScriptのコード等(text/javascript以外を用いるのであれば、type属性は必須) <style>-</style> CSSのコード等(text/css以外を用いるのであれば、type属性は必須) <title>-</title> テキストのみ 必須要素であり、必ず1個だけ定義 フロー・コンテンツ <a>-</a> トランスペアレント(ただし、インタラクティブ・コンテンツ

    コンテンツ・モデル
    teru-7
    teru-7 2011/02/16
  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
    teru-7
    teru-7 2011/02/16
  • XHTML1.0 Strict 内容モデル

    head要素の子要素 <base /> href属性必須 空要素 <link /> 空要素 <meta /> content属性必須 空要素 <object>-</object> 他の内容よりも param要素を先行させるべき param要素 ブロックレベル要素 インライン要素 テキスト <param /> name属性必須 空要素 <script>-</script> type属性必須 スクリプト(PCDATA) <style>-</style> type属性必須 スタイルシート(PCDATA) <title>-</title> head要素内に必ず1個だけ定義 テキストのみ(PCDATA) ブロックレベル要素 <address>-</address> インライン要素 テキスト <blockquote>-</blockquote> ブロックレベル要素 <div>-</div> ブロックレ

    XHTML1.0 Strict 内容モデル
    teru-7
    teru-7 2010/02/12
    タグマップ
  • table-layout

    Updated 2013.11.04 / Published 2007.02.02 table-layoutプロパティは表をレイアウトする際に固定レイアウトアルゴリズムを用いるか、自動レイアウトアルゴリズムを用いるかの表の横幅の計算方法を指定します。 値 auto fixed inherit 初期値 auto 適用対象 表要素(table要素) 継承 しない メディア visual table-layoutプロパティの値 table-layoutプロパティに指定できる値のキーワードはそれぞれ以下の意味を示します。 fixed 表全体の横幅が明示されている(widthプロパティを用いると良い)場合に、表の水平方向の列幅はセルの内容量に依存しない代わりに、表全体の横幅・列幅・ボーダーサイズ・セル間の距離によってレイアウトされる固定レイアウトアルゴリズムを用いる auto 表の横幅はセルの内容量

    table-layout
    teru-7
    teru-7 2009/12/11
    レンダリングの仕様に注意
  • 1