モノ

とあるベンチャー企業で自社サービスの開発をしています。 使用言語 PHP/JavaSc…

モノ

とあるベンチャー企業で自社サービスの開発をしています。 使用言語 PHP/JavaScript/HTML/CSS

マガジン

  • (できるだけ)正しい HTML を書くために

    HTML についてエンジニアで無い人でも分かりやすく解説しました。 これを読んでみなさんも正しい HTML を書きましょう!

最近の記事

(できるだけ)正しい HTML を書くために ~実践編~

前回の記事で予告していた通り、今回はサイトのデザインから HTML に落とし込むまでの私なりのやり方を書いていきます。 HTML についてよく知らない人は是非私が書いた過去の記事を読んでください。 今回マークアップするサイトのデザインはこれです! よくあるブログサイトを目指して描いてみました。(デザインセンスの無さは見逃して……) 注意 ※今回はサイトデザインにかかれている文字を適切にマークアップすることに注力していくので見た目の再現については考慮しません。 そのため

    • (できるだけ)正しい HTML を書くために ~基礎編その 4 ~

      この記事は「(できるだけ)正しい HTML を書くために ~基礎編その 3 ~」の続きです。 前の記事を読んでない方は先にそちらをお読みください。 フォーム・form 要素 フォーム関連要素を含む文書の区間を表す要素です。 仕様 ・action 属性でフォーム送信先 URI を指定し、method 属性でフォーム送信に使用する HTTP メソッドを指定します。 ・form 要素をネストすることは出来ません。 ・label 要素 ユーザーインターフェイスの項目名や説明を表

      • (できるだけ)正しい HTML を書くために ~基礎編その 3 ~

        この記事は「(できるだけ)正しい HTML を書くために ~基礎編その 2 ~」の続きです。 前の記事を読んでない方は先にそちらをお読みください。 グルーピングコンテンツ・p 要素 段落を表す要素です。 あくまでも段落を表す要素なので、テキストそのものを表すのに使用すべきではありません。 段落として表現できるものにのみ使うようにしましょう! ・ol 要素 意図的に順序付けられた項目のリストを表す要素です。 目次やレシピなど順序辞退が意味を持つ項目のリストに使いましょう。

        • (できるだけ)正しい HTML を書くために ~基礎編その 2 ~

          この記事は「(できるだけ)正しい HTML を書くために ~基礎編その 1 ~」の続きです。 前の記事を読んでない方は先にそちらをお読みください。 要素の紹介 文書構造を正しくマークアップするためには、まず「どんな HTML 要素が存在するか」を知っていなければいけません。 存在する HTML 要素を知るには MDN というサイトの中にある HTML 要素リファレンスというページを一通り読むことをおすすめします。 (表の Description の列だけでなく、Eleme

        (できるだけ)正しい HTML を書くために ~実践編~

        • (できるだけ)正しい HTML を書くために ~基礎編その 4 ~

        • (できるだけ)正しい HTML を書くために ~基礎編その 3 ~

        • (できるだけ)正しい HTML を書くために ~基礎編その 2 ~

        マガジン

        • (できるだけ)正しい HTML を書くために
          6本

        記事

          (できるだけ)正しい HTML を書くために ~基礎編その 1 ~

          この記事は前回書いた「(できるだけ)正しい HTML を書くために ~概要編~」の続きです。 前の記事を読んでいない方は、先にそちらをお読みください。 正しい HTML ってそもそも何?皆さん、何を満たせば正しい HTML だと思いますか? 書いた通りに表示される HTML? チェックツールでエラーが出ない HTML? 確かに、これらも大事ですが私は 文書構造を重視して適切にマークアップされた HTML だと思います。 「Web ページを見る人はどんな要素でマークアッ

          (できるだけ)正しい HTML を書くために ~基礎編その 1 ~

          (できるだけ)正しい HTML を書くために ~概要編~

          皆さん HTML 書いてますか? HTML ってタグで囲うだけなので、PHP や JavaScript みたいなプログラミング言語と比べて簡単ですよね。 しかし、簡単故に適当にネットでググって身につけた知識で正しくない HTML を書いている人がそこそこいます。 ……残念ながら私の周りでも信じられないぐらい適当なHTMLを書く人が少なくありません。 HTML は簡単ですが ”正しく” 書こうとすると、実は結構難しい言語です。 私自身、完全に正しく書けてるかと言われると自信

          (できるだけ)正しい HTML を書くために ~概要編~