HTML5のa要素（リンク）が便利 – @Web制作メモ
何が便利かというと…リンクできる範囲がかなり広がった点。 HTML 4/XHTMLまでは<a>要素はインライン要素であるため、ブロックレベル要素（p、div、ul、h1、h2…）などを囲んではいけなかった。 ▽HTML4/XHTMLまでの<a>要素 <div class="box"> <p><a>ブロックレベル要素を囲んではいけない</a></p> </div> が、しかし！ HTML5ならブロックレベル要素も囲んでいいのです。 ▼html5からの<a>要素 <a> <div class="box"> <p>html5からのa要素は、様々なタグや複数要素を囲むことができる。</p> </div> </a> html5はインライン・ブロックレベル要素という概念がなくなった HTML5では、インライン要素とブロックレベル要素の分類は廃止されており、 段落・リスト・表などのセクションに対しても、
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
