タグ

htmlとHTMLに関するdaisuke-mのブックマーク (4)

  • HTML5で誤用されがちな各要素の正しい使い方 | コリス

    HTML5はXHTML1.0やHTML4を継承しつつ、使い方が大きく変わった点もあります。 よく利用されるHTML5の各要素の誤用されがちな例とそれを正しく適切に使う方法を紹介します。 You're Doing it Wrong: Common HTML Tag Misuses [ad#ad-2] 下記は各ポイントを意訳したものです。 <br>の誤用 <br>の間違った使い方 <br>のよくある誤用は、コンテンツ間にスペースをつくるために使用することです。 これはWYSIWYGエディタで作成するとよく起きる現象で、複数の空の行で隙間をつくります。 <br>の適切な使い方 <br>は文章を改行するために使用するものです。 段落に分けるには<p>を使用し、文章同士の間をあけるためにはCSSのmarginなどで間隔を設定します。 <div>の誤用 <div>の間違った使い方 HTML+CSSでペ

    daisuke-m
    daisuke-m 2011/10/08
    small知らなかった。
  • 【コラム】イマドキのIDE事情 (98) HTMLを高速コーディング! Zen CodingをEclipseで使ってみる | エンタープライズ | マイコミジャーナル

    Zen Codingとは? Zen Coding[http://code.google.com/p/zen-coding/]はHTML、XMLのコーディング支援機能を既存のエディタやIDEに追加するもので、サードパーティ製含めEclipse、Coda、TextMate、Komodo、NetBeans、Visual Studio、サクラエディタ、Dreamweaver、EmEditorなどさまざまなエディタ/IDE向けのプラグインが提供されている。 今回はこのZen CodingをEclipseで利用する方法を紹介する。Zen CodingをEclipseで利用するためのプラグインはこちらで開発されており、こちらの更新サイトからインストールすることができる。 図1 Zen Codingプラグインのインストール 基的な利用方法 プラグインをインストールするとEclipseのエディタでZen

  • 実践アクセシブルHTML - フォームは送信してもらえばこそ

    こんなフォームはイヤだ! フォームとは、HTMLのFORM要素などによってマークアップされているコントロール群の塊のことです。さまざまなウェブサイトにおいて、主に問い合わせのページであるとか、サイト内検索のためのキーワード入力用にだとかで利用されています。コミュニティ機能を備えているようなサイトであれば、掲示板システムのようなところでも使われていることでしょう。フォームのないウェブサイトのほうが珍しいのではないでしょうか。それくらい、制作側にもユーザーにも身近なものです。 INPUT要素やTEXTAREA要素などといった、フォームのコントロール各要素の機能はブラウザによって提供されているため、どのようなブラウザであってもその操作感に大きな違いが出ません。しかしコントロールごとの操作に違いが出ないといっても、フォーム全体としてはやはり使いやすいフォームと使いにくいフォームというのがあります。

  • HTML5 設計原則「HTML Design Principles」の翻訳「HTML 設計原則」

    この文書「HTML 設計原則」は、W3C の HTML ワーキンググループ による「HTML Design Principles (W3C Working Draft 26 November 2007)」の日語訳です。 規範的な文書は原文のみとなっています。この日語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日語訳が参照した版から更新されている可能性があります。また、この日語訳自身も更新されている可能性があります。日語訳の最新版は、W3C 仕様書 日語訳一覧 から参照することができます。 更新日: 2008-04-16 公開日: 2007-11-27

  • 1