タグ

XHTMLに関するshanyのブックマーク (5)

  • 『section要素』 / HTML5新要素一覧  | HTML5でサイトをつくろう

    section要素 文章の論理構造を表すための最も基となる要素。つまり一般的なセクションを表します。 section要素の特徴 章や節といった単位で扱うので、セクション内容を表すh1~h6の見出しが必ず必要になります。 コンテナ要素ではありませんので、レイアウト目的に使用することはできません。 スタイリングに都合の良い要素が必要になった場合はdiv要素が推奨されています。 以上のことを考慮して、それぞれのパターンを確認していきたいと思います。 section要素内の見出しについて 【間違ったマークアップの例 】 <section> <h1>HTML5でサイトをつくろう</h1> <p>このサイトの目的は・・・</p> <section> <p>HTML5の新要素について</p> <p>新たに追加された要素には・・・</p> <section> <p>section要素とは<br /> <

    『section要素』 / HTML5新要素一覧  | HTML5でサイトをつくろう
    shany
    shany 2011/10/05
    sectionとdivの違いに関して
  • ページの表示を早くする3つの方法

    一度、◯◯を〇〇する◯つの方法って書いてみたかったんで、書いてみた。 まあ、それは置いといて、回線やサーバーの性能以外の部分でブログやホームページの表示をできるだけ速くしたいと思ったりしますよね?色々試してますが効果があった3かの方法を書いておきます。 HTMLをW3Cに準拠する。 W3C準拠というのは、要するにHTMLの文法をちゃんとしようということで、通常ブラウザさんはとっても頑張り屋さんで多少文法的におかしかったりタグが足りなかったりしても自分で何とかして表示しようとしてくれます。なので気づかないことも多いのですが、実際には文法的におかしなことをしていることがよく有ります。 それで文法を正しくすればどうして表示が早くなるのかというと、要するにブラウザさんが頑張って余計な仕事をしなくて済むので表示が早くなるわけです。内部ではここタグの対応がおかしいけどきっとこうだよなーとかやってくれて

    ページの表示を早くする3つの方法
    shany
    shany 2011/04/18
  • ほんとにフリー?というクオリティのXHTML/CSSテンプレート20:phpspot開発日誌

    20 Beautiful Free XHTML/CSS Templates | Creativeoverflow ほんとにフリー?というクオリティのXHTML/CSSテンプレート20が、websitetemplatesonline.com から紹介されています。 Photoshopテンプレートではなく、既にHTMLの形になっているので便利です。 Photoshopのファイルは含まれないようなので、この点は注意したほうがいいかもしれません。 全部見る 関連エントリ シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」 ハイクオリティでフリーなXHTMLテンプレート61 クールなデザイン満載のXHTML/CSSテンプレート40種 プロレベルでハイクオリティなXHTML/CSSテンプレート集

  • HTML5+CSS3 入門

    Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ AppleHTML 5 に賭けているのか: ウェブの歴史 [Page 2] よ

    HTML5+CSS3 入門
  • 携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α

    前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー(もしくはディレクター?)さんは、デザインをパッと見て「このデザインで組めます!」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード:Shift-JIS ・改行コード:

  • 1