忍者ブログ

からすまる日誌 css

授業noteからcss部分を抜粋

序章(10) adress要素

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

序章(10) adress要素

<a>だけでマークアップすることはあまりないらしい
<div>とか<p>とかで包むのが普通
 
中央ぞろえとか横一列にリンク先を並べるとかも全部CSSがやるので、
最初はひたすらマークアップをするイメージで
 
<dl>1つに対して<dd>が2つあっても構わない
下側の<ul>を<nav>で囲んでももちろん構わない

人によって、ナビゲーションはトップの1つだから<nav>を1つにする人もいるし、
ナビゲーション要素はぜんぶ<nav>で囲おうというスタイルの人もいる

住所のところはさらにアドレスを示すタグで囲う

<address></address>

dが2つ、sが2つ。注意。
 
これらのマークアップはコンピューターに対して親切
ブラウザが「<h1>がないんならこの文章に大事なところはないんだな」「このページに<address>情報はないんだな」と考えるので

><ADDRESS>タグはその文書に関する連絡先・問合せ先を表す。住所に限らず、ホームページのリンク先・メールアドレス・住所・電話番号・FAX等必要な情報を配置することができる


 
HTMLのコメントの書き方

<!--
-->
 
スタイルシートの記述

<link rel="stylesheet" href="css/style.css">

リンク・リレーションで記述する。
 
>linkタグは、検索エンジンやブラウザに
「このページは、別のこのページやファイルとこんな関係があるよ」と伝える
headタグ内に書かれる
 
>relは、relation(関係)の略
つまり「linkタグが書かれているページとhrefで指定しているページとの間で、
どのような関係があるのか」を示す
  

<script src="test1.js"></script>
 
このsrcはソース (source)の略
script要素はドキュメントに埋め込む外部スクリプト・ファイルのURLを指定する属性
 

cssの記述の基本
 
セレクタ(場所){(大かっこ)
要素(なにを):(コロン)値(どうする);(セミコロン)
}(大かっこ閉じ)
PR

コメント

ただいまコメントを受けつけておりません。