2019年8月の記事一覧
パンくずリストを作る（HTML）
パンくずリストを入れるとアクセシビリティの向上になって…
とかいうことは聞いていたので、初めて実装してみた。
１）SEOとの関係調べてみると、まず「パンくずリスト」に
「SEO」がキーワードとしてくっついてくるのがよく分からず。
パッと見たところでは
パンくずリストは「そのページに至るまでの足跡」であって
コンテンツそのものではないから、検索エンジンでひっかかってしまうと
逆に都合が悪い。
anime.jsを使う（JavaScript）
アニメーションをつけるのに、外部ライブラリとして
初めてanime.jsを使ってみた。
【手順】
１）githubからダウンロード ＋ 解凍
２）anime.min.jsと自作のJavascriptファイルを
HTMLファイルの「script」タグに記載
<!--anime.jsを参照--><script type="text/javascript" src="../anime/an
Chromeデバッグ環境構築（VSCode）
F5キーを押した時にChromeを起動して、
作ったページやソースをチェックできるようにするために
「launch.json」を色々と編集。
１）「launch.json」の編集
【初期状態】
{ // IntelliSense を使用して利用可能な属性を学べます。 // 既存の属性の説明をホバーして表示します。 // 詳細情報は次を確認してください: https://go.mi
「div」タグのalignについて（CSS）
「div」タグでくくられている要素「ごと」
（文章だけでなく、テーブル構造なども）
中央配置にしようとしたら
コケた…
「text-align」プロパティは、文字通りHTMLに表示した
文章のalign設定となるため
「text-align : center ;」としてもdivタグの【中身】のみが
中央配置になる。
この場合は「margin」プロパティを用いて
「margin : 0px a
「display」プロパティについて（CSS）
「display」プロパティには
・block
・inline
・inline-block
・none
がある。
【block】
→ 「p」、「div」、「ul」、「h1〜h6」、「table」タグなどの
初期値になっている。
→ 親要素の内容幅全体に配置される。
【inline】
→ 「a」、「span」、「omg」、「 img」タグなどの
初期値になっている。