一周してみて、気になった点をメモ書きしたのでアウトプットと復習を兼ねて
動画1〜順にメモしてるので良かったら理解度プラスにして頂きたい
-
Ctrl + /
= HTMLのコメントショートカットキー -
rel
= relation (関係 ) -
href
= hypertext referece ( 参照 ) -
Charset
( キャラセット ) 文字コードの事 -
<meta>
= Webサイトに表示されないがSEO/ブラウザ用 -
<hr>
= horizontal rule ( 水平方向の罫線 ) -
<backquote>
( 引用 ) -
文字実体参照 ; 忘れない
-
" < "
= less than (小なり)" > "
= grater than ( 大なり )
-
-
<pre>
= preformatted
すでに整形されたテキストをそのまま表示する -
<cord>
= ソースコードをそのまま表示する
※正直理解半分ぐらい
エディタに書いた際に上記コードがないと段落が付かないとかそういう表示になる(おおざっぱ) -
<ul>
= un ordered list ( 順序無し ) -
<list>
= listと思いきや list item -
<ol>
= ordered list ( 順序有り )
リスト
-
<dl>
= description list ( 説明 ) -
<dt>
= ~ term ( 用語 ) -
<dd>
= ~ detail ( 詳細 )
※間違えそう
大体項目=>回答の順の記述だろうからdt=>ddの順という覚え方で良さそうではある
表の作成
■大枠に<table>
- 見出し
<thead> + { <th> & <tr> * n ( 行の数分 ) }
- 本体
<tbody> + { <td> & <tr> * n ( 行の数分 ) } * n ( 列の数分 )
-
<th>
= table header cell -
<td>
= table data dell -
<a>
= anchor ( リンク可能な目印 ) -
新しいタブでリンクを開かせる場合はリンクの記述の後ろに
target="_blank"
リターン = エンターキーの事
※macだとリターンキーと呼ぶことがある(らしい)
教材ならエンターキーと呼ぶので問題なくない?macユーザーはリターンって言ってるのかしら・・・
-
#
= パウンド記号
あんま良く分からぬ・・・
アメリカのポンドから来てるらしいHTMLと何か関連するようなのは見つけられなかったから「ふーん」程度で終了 -
id
= 1 : 1 のリンクを結びつける -
class
= 1 : 多 -
先頭へ戻る =
#
もしくは#top
-
header,footerなどのタグ
- HTML5から登場 (timeタグも)
- SEO対策とコード自体の意味が伝わりやすくなる。(伝えなくても伝わると言った意味合いも大きい)
-
<article>
は外部に配信するような独立したコンテンツの場合にしようすると良い -
<div>
<span>
とりあえずはスタイリング用のタグなんだなーという程度の理解 -
HTML / CSS の仕様はMDNサイトで確認
- 一番信頼性がある
- 公式ドキュメントという位置付けだろうか