URLの「?」以降に続く文字列はPHPのURL引数(URLパラメータ)と呼ぶ
例)http://sample.co.jp/index.php?id=151029
URL引数は「id=151029」
引数が複数の場合は、「変数名1=値&変数名2=値」のように「&」で区切る
例)http://sample.co.jp/index.php?id=151029&name=test
URL引数1は「id=1029test」、URL引数2は「name=test」
URLの「?」以降に続く文字列はPHPのURL引数(URLパラメータ)と呼ぶ
例)http://sample.co.jp/index.php?id=151029
URL引数は「id=151029」
引数が複数の場合は、「変数名1=値&変数名2=値」のように「&」で区切る
例)http://sample.co.jp/index.php?id=151029&name=test
URL引数1は「id=1029test」、URL引数2は「name=test」
img
input
textarea
特徴
・横に並ぶ(改行するにはbrタグを使う)
・上下左右方向にmargin、paddingが効く
・width、heightが効く
a
span
特徴
・横に並ぶ(改行するにはbrタグを使う)
・インライン要素の中にブロックレベル要素を書いてはいけない
・左右方向にmarginが効く
・上下左右方向にpaddingが効く(しかしボックスをはみ出す)
・width、heightが効かない
h1
h2
h3
h4
h5
h6
p
div
ul
ol
li
table
hr
特徴
・縦に並ぶ
・上下左右方向にmargin、paddingが効く
・width、heightが効く
・ブロック要素にmargin:0 auto;とwidthを併記して使う
・ブロック要素以外(aやspanなど)には、margin:0 auto;とwidthとdisplay:block;を併記すれば使える
・子要素に継承される
・ブロック要素そのものが中央寄せされる
・ブロック要素(pやdivなど)にtext-alignを付与して使う
・ブロック要素以外(aやspanなど)には、text-alignとdisplay:block;を併記すれば使える
・子要素に継承される
・ブロック要素そのものは中央寄せされない
・ブロック要素の中身(テキスト)が中央寄せ(中央揃え、センタリング)される
jQueryのインライン化でページ読み込み速度が向上します
メモ
・*.min.jsを使う(例:jquery-1.11.2.min.js)
・内に*.min.jsを展開する
・
速度チェックサイト
PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
JavaScriptを
の直前に記述するとページ読み込み速度が向上するようです
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> </head> <body> <div> ページコンテンツが入ります。ページコンテンツが入ります。ページコンテンツが入ります。 </div> <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="js/jquery.customSelect.min.js"></script> <script type="text/javascript" src="js/common.js"></script> </body> </html> |
[操作手順]
→画面上部メニューより、コマンド>ソースフォーマットの適用 の順にアクセスします
→ソースコードが自動整列されます
[使い方のコツ]
二度行うのがコツです
一度では改行が残ることがあります
[確認環境]
Mac OS X 10.9 Mavericks
Dreamweaver CS4 10.0
Dreamweaverのソースフォーマットの適用の使い方のコツ
[ショートカット]
Alt>C>A ソースコードが自動整列されます
[使い方のコツ]
二度行うのがコツです
一度では改行が残っていることがあります
[確認環境]
Windows 7 SP1 64bit
Dreamweaver CS3 9.0