意味づけされたマークアップをすることは、
将来性の高いコーディングスキルを身につけると同様の価値があると思うのです。
それが、アマチュアとプロとの違いでもあると思うのです。
そんな前置きはさておき、タグ名を覚えるコツは、そのタグ名が何の略なのかを理解することかと。
| 要素タグ名 | 何の略か | 意味 |
|---|---|---|
| h1～h6 | headline1～headline6 | 見出し |
| 要素タグ名 | 何の略か | 意味 |
|---|---|---|
| div | division | 分割 |
| span | span | 短い期間（？） |
| p | paragraph | 段落 |
| a | anchor | 錨（いかり）！？ |
| img | image | 画像 |
| object | object | オブジェクト |
| 要素タグ名 | 何の略か | 意味 |
|---|---|---|
| ul | unorder list | 番号なしリスト |
| ol | order list | 番号付きリスト |
| li | list | リスト |
| dl | definition list | 定義リスト |
| dt | definition term | 定義する用語 |
| dd | definition description | 定義する用語の説明 |
| 要素タグ名 | 何の略か | 意味 |
|---|---|---|
| table | table | テーブル |
| thead | table header | テーブル内ヘッダー |
| tbody | table body | テーブル内コンテンツ |
| tfoot | table footer | テーブル内のフッター |
| tr | table row | 行 |
| th | table head cell | セル（見出し用） |
| td | table data | テーブルデータ |
他にもたくさんのタグがあるが、まずはここから使い分けを意識してマークアップするようになると、内容の濃いページつくりができるようになります。
JSON.parse() 配列とオブジェクトのリテラル記法を組み合わせた文字列をデータとして取り扱えるようにする。 // JSONデータ let ・・・
真の場合。偽の場合は、!== を使う。 プリミティブ値の判定 文字列の判定 if (typeof a === 'string') {} ・・・
数ヶ月前、WordPress本体をバージョンアップして、エディタがガラリと変わった。その際、それまでサイドナビに、Custom Post Type UI（CP・・・
書籍「なるほどデザイン」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。テキストのみで備忘録として残しておくが実際はイラストと合わせ・・・
使えるデザインになっている？→ デザインは正しいインプットによって、人の暮らしや夢を助けるツールサクサクと動く、機能するデザインになっている？→ デザインが機・・・
書籍「売れるデザインのしくみ」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。2009年に出版されたと知って驚き。10年前と言えば、・・・
書籍「スターバックスはなぜ値下げもテレビCMもしないのに強いブランドでいられるのか?」を読んだときにメモしたノートが出てきた。3, 4年前に読んだ本。20・・・
いつもは直接アップロードしているので気にしていなかったが、WordPress管理画面のメニュー「メディア」からfavicon.icoをアップロードしようとした・・・
一年前まで「LINEモバイル＋Softbank光」という組み合わせで通信環境を整えていた。スマホと家のネットで5,0000円未満に抑えることができて大満足だっ・・・
2018年は体調を崩し2度の入院生活を余儀なくされ、2019年は自宅療養しつつ、小規模な案件を無理ない範囲で案件をいただきながらの生活をしていた。結果として2・・・
iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル：iframeの高さを自動調整するデモ・・・
まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・
http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・
めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考： これは便利！Word・・・
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加され・・・
【2020年07月13日】 macOS Catalina（10.15.5） / Adobe iLLustrator 2020（24.2.1） にて動作確認済・・・
<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post・・・
やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを変・・・
前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・
ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。・・・