意外と知らないHTML・CSS。リファレンス形式なので、必要に応じて参照しよう!
2021.08.01
Developer Lv1
■はじめに JavaScriptの学習も兼ねて、テトリスを作成してみたのでサンプルコードを公開します。 解説は載せませんが、要望があればそちらも投稿するかもしれません。 ★ゲーム作成に興味がある方はこちらもチェック ■動作イメージ ■ソースコード 先に作成の際に意識したポイントを以下に挙げます。 特 …More Read
2020.11.03
Developer Lv1
SPAN SPAN要素は、特に何の意味も持たないタグです。 囲まれた部分にスタイルシートを適用したりするのに用いられます。 同様なタグに DIV要素 がありますが、DIV要素 はブロック要素(一般的に前後に改行がはいる様な要素)として、SPAN要素 はインライン要素(一般的に前後に改行が入らない要素 …More Read
2020.11.03
Developer Lv1
DIV DIV要素は division(区分)の略で、あらかじめ決められた役割や意味を持たない要素です。 他に適切な要素がないような場合に利用し、文章を分割します。 多くのブラウザでは、前後に改行が挿入されて表示され、スタイルシートやJavaScriptを適用する対象ブロックとしてよく利用されます。 …More Read
2020.11.03
Developer Lv1
ADDRESS ADDRESS要素は、最も近いbody要素やarticle要素に関する問い合わせ先情報を示します。 ページ又は記事への問い合わせ先を記述するもなので、ページ中で紹介した店の住所や、末尾のページ更新日などの情報を ADDRESS要素に記述してはなりません。 article要素に含まれな …More Read
2020.11.03
Developer Lv1
main 該当するページのメインコンテンツを表します。 article要素、aside要素、footer要素、header要素、nav要素の子孫要素として使用することは出来ません。 カテゴリー フロー・コンテンツ パルパブル・コンテンツ main属性 固有の属性はありません。 main使用例 …More Read
2020.11.03
Developer Lv1
footer footer要素は各セクションのフッター情報を表します。 body要素やarticle要素内で用いられ、著者・関連文書へのリンク・著作権情報などが含まれます。 article要素に含まれない場合は、body要素(ページ全体)のフッター情報を示すことになります。 カテゴリー フロー・コン …More Read
2020.11.03
Developer Lv1
header header要素は各セクションの紹介やナビゲーションの手助けとなる内容を記述します。 BODY要素やarticle要素内で用いられます。 article要素に含まれない場合は、body要素(ページ全体)のヘッダー情報を示すことになります。 header要素はセクション内において、一般的 …More Read
2020.10.01
Developer Lv1
nav nav要素は他のページや、ページ内の別パーツにナビゲーション情報を表します。 ページ内ヘッダーのグローバルナビゲーションや、サイドバーのコンテンツナビゲーションを用いられます。 カテゴリー フロー・コンテント セクショニング・コンテント パルパブル・コンテント nav属性 固有の属性はありま …More Read
2020.10.01
Developer Lv1
aside 親要素に関連した内容ではあるものの、補足や余談、用語の説明等の切り出しても本筋は問題無い内容を含んだセクションを表します。 サイドバーや広告エリア等で用いられます。 カテゴリー フローコンテンツ セクショニングコンテンツ パルパブルコンテンツ aside属性 固有の属性はありません。 a …More Read
2020.10.01
Developer Lv1
section section要素は、ページ内またはアプリケーション内の一般的なセクションを表します。 article要素やaside要素などに該当しないセクションに使用します。 各セクションは、通常子要素として見出し(h1-h6要素)をが含まれている必要があります。 カテゴリー フローコンテンツ …More Read