タグ「article要素」 - はてブログ

タグ article要素

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 6 / 6件)

divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニングコンテンツ | コリス

2015/10/13 436 users ユーザエージェントセクショニングセマンティックコリス

HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとarticle要素は、div要素より有意義な方法でコンテンツを区分する手段として導入されました。これら3つをどのように使い分けるか確認しておきましょう。 Sectioning Con... 続きを読む

[CSS]背景固定で美しいブラーがかかった半透明のパネルだけがスクロールするスタイルシート | コリス

2013/11/10 418 users article Body コリス半透明デモ

レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します。最低限の要素にしたデモ実装は、こんな感じになります。 HTML パネルはarticle要素で実装します。中身はテキストでも画像でもフォームでも何でもOK。 <body> <article> <h1>半透明の美しいパネル</h1> <p>洋酒といえば、誰で... 続きを読む

MdN Design Interactiveにて連載した「ゼロからはじめるHTML5でのサイト制作」全12回まとめ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/30 963 users MdN Design Interactive Web制作

以前MdN Design Interactiveに連載させていただいた『HTML5でサイトをつくろう！ゼロからはじめるHTML5でのサイト制作』が12回で完結しました。この連載ではHTML5でのマークアップが初めての方向けにHTML5で変更になった点や新要素の使い方、使い方がわかりにくいといわれていたsection要素やarticle要素の使い方、ブロックレベルやインラインの変わりとなるカテゴリ... 続きを読む

[CSS]スマートフォンで表示した際、サイドバーの広告を効果的な配置にするテクニック | コリス

2012/03/27 110 users article コリス div要素メインコンテンツ実装

デモページ：幅800pxで表示実装 HTML HTML5を使っての実装です。ポイントとなるのは、メインコンテンツの各記事のarticle要素の間に、サイドバーの広告の移動先であるdiv要素を配置しておきます。また、サイドバーはaside要素内は空にしておいて、広告は別に配置します。 <section class="main-content"> <article> ... </article> ... 続きを読む

HTML5の勉強を始めた際に使い方に迷う新要素「article要素」の基本と使い方をまとめてみました【MdN連載第5回目】 | HTML5でサイトをつくろう

2012/01/11 143 users section要素 MdN連載第5回目勉強 HTML5 定義

前回はセクショニング・コンテンツの要素の中で定義が漠然としていて使い方がわかりにくいとよく言われている「section要素」についての基本とサンプルをまとめました。今回はもうひとつわかりにくい要素の「article要素」の要素をまとめてみたいと思います。 section要素についてのまとめた前回の記事はこちら HTML5の勉強を始めた際に使い方に迷う新要素「section要素」の基本と使い方をま... 続きを読む

HTML5の勉強を始めた際に使い方に迷う新要素「section要素」の基本と使い方をまとめてみました【MdN連載第4回目】 | HTML5でサイトをつくろう

2011/12/27 539 users section要素原稿要素段階疑問

HTML5の勉強を始める際に新要素の使い方などを勉強すると思いますが、その際にまず迷うのが「secion要素」と「article要素」はどういうときに使うのだろか？使い分けはどういうようにするのか？という疑問にほとんどの人が行きつくとおもいます。しかしこれはコンテンツの原稿によっても変わるものなので何もない段階で要素だけ見て「secion要素」はこうする、「article要素」はこうするという絶... 続きを読む

(1 - 6 / 6件)