ものづくり筆耕ものづくり筆耕ものづくりを楽しむ。皇帝ダリアの栽培からオリジナルシステムの構築まで。List)要素は項目の先頭に順番号を割り振ってくれます。III、・、★などと自動的に段落番号や行頭文字を付加します。入れ子にした場合、インデント(字下げ)を制御してくれるので整然としたドキュメントの作成を支援します。List)と呼ばれolに似た動きをします。具体例はulで示します。ulタグで字下げをしないで左寄せに定義し、ローカル環境で満足のいく結果が得られたので公開サーバーに載せたところ、思いがけない副作用が起きました。その解決策とともに記録に残します。波及効果ブログやホームページは多くのパーツから成り立っていて、HTMLという言語で記述されますが、多くの言語において命令や効果の及ぶ有効範囲をスコープと呼んでいます。文字を赤色で表示することができますが、すべての文面を赤で表示する例は少なく、注意を引き付ける単語に色を付けることが多いです。ブログページに別のパーツが追加されると有効範囲に変化が起き波及効果で動作が変化することがあります。実生活上の例を示せば、同志とは志を同じくする者をいうことが多いですが、本日から同志とは最高権力者のことを指すという法律ができたときは、過去の文例の解釈に混乱が起きます。上述したスコープは変数やオブジェクトの有効範囲のことで、一般には範囲を定義するブロック内だけが有効になります。マクロ命令のように全体に及ぼす効果を定義する機能があります。パーツあるいは追加されるパーツにあいまいな表現があるとこの現象が起きやすいことが知られています。悪い例、推奨されない例を挙げ、最後に推奨例を示します。推奨されない例ulリスト項目を左寄せで表示するためにstyleタグにulを定義したら、下図の楕円部のようにブログヘッダーのulリストの表示が乱れました。ulの定義に有効範囲を指定しない場合は表示ページの全体に効果が反映されます。改善したHTMLコードに示したように、ul定義にclassを指定し効果の及ぶ範囲を限定します。classが指定された定義は他のul参照には影響を与えませんの既存の動作に無関係です。</ol></div></html>終わりにローカル環境でいい結果を残せても、公開サーバーで誤動作する例は多々あります。今回のように新しい記事の動作が期待した通りであったのに過去の記事の表示に不具合が出た場合、解決まで長引くことがあります。幸いにもuiタグを定義していない記事では起きていないために、原因を絞ることができました。あいまいさの少ない記事を作ることが何より大切です。コメントをキャンセル下記項目は必須ですがメールアドレスは公開されません。名前はニックネームをお使いください。コメント名前メールアドレス上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。