HTMLにおける下記3つの要素が混乱しやすいので、備忘録も兼ねて整理しておこうと思う。 dt要素 dl要素 dd要素 dl要素・dt要素・dd要素の意味とは？ dl要素・dt要素・dd要素は何かを説明するためにセットで使われる「説明用のリスト（描写用のリスト）」だ。 単独でdl要素だけを使ったり、dd要素だけを使うこと...
HTML
HTMLの記事一覧
表やHTMLメール（画像を組み込んだページ）でよく使われている thead要素 tbody要素 tfoot要素 について 「それぞれどういう意味があるのか？」 「利用するメリットは何か？」 を整理したいと思う。 thead要素とは？ thead要素は「table head」の略で、表の見出しをグループ化する機能がある。...
今回はHTMLの子孫要素について。 HTMLの要素同士の関係性が整理しきれていなかったので、今回は親要素と子要素について整理したいと思う。 親要素とは？ HTMLのコード（HTML文書）は要素同士が階層構造になっている。 そもそも要素というのは<p>~</p>などのセットのことを呼び、「～」の部...
表づくりに欠かせないのが「table」要素。 この「table」要素に「tr」「th」「td」の3つの要素を組み合わせて表を作るのだが、この３つが本当に紛らわしい。 この3つの要素（<th>~</th>までのひとかたまりを指す）は会社のサイト管理を任されてからずっと整理できず、使い方が怪しかった...
今回はHTMLの「タグ」と「要素」の違いについて整理してみようと思う。 HTMLのタグとは？ タグは＜（小なり記号）と＞（大なり記号）で囲まれている部分のことを言う。 <p> <a> <ul> などが挙げられる。 開始タグと終了タグがある 「タグ」には開始タグ（<p>など...
他のサイトを見ているとたまに <pre＞～</pre> というタグを見ることがある。 このpreタグって何なのか？ どういう時に使うのか？ がわからなかったので調べてみた。 preとは「Preformatted Text」の略 preは「Preformatted Text」の略だ。 1つずつ単語を訳す...
name="viewport" content="width=device-width, initial-scale=1"とは？ レスポンシブのサイトのコードを見るとheadタグ内に <meta name="viewport" content="width=device-width, initial-scale=...
最近勉強のために、色々なWEBサイトのコードを見ている。 その中で、<head>タグ内に link rel="stylesheet" media="screen" href="~" というコードをよく見るけど、このmedia="screen"は 「一体どういうもの？」 と思ったので簡単に調べてみた。 med...