お知らせ

{$oshirase}

タグの説明 1

このホームページはサイドメニューが無い仕様(1カラム)です。情報が少なければサイドメニューは不要なので1カラムのホームページが適しているでしょう。

まずはタグの説明です。これは視覚的かつ論理的な強調を意味するstrongタグです。strongタグには重要性、深刻性、緊急性を含む言葉を入れましょう。一方でstrongタグと同じような意味のmarkというタグがあります。デフォルトで色付けされていますがCSSで編集可能です。markタグは引用文や別の文脈の文章などから目立たせたい箇所に使いましょう。

色文字はこのように強調したい時に使いましょう。赤い太文字も出来ます。

タグの説明 2

使用頻度が高いリスト、箇条書き、説明書きはnavタグかdlタグを使います。navタグは主要な物に使います。dlタグは単純なリストまたは箇条書きに使います。navタグは、このサンプルサイトの上部メニューに使っています。上部メニューは主要なリストなのでnavタグを親として、子要素として上部メニューを書いています。dlタグは主に本文のリスト、箇条書き、説明書きに使いましょう。具体例は次の通りです。好きな食べ物を例にします。

私が好きな食べ物を例にdlタグを説明
パスタ
カレー
カキフライ
野菜の天ぷら
美味しいペペロンチーノの作り方を例にdlタグを説明
ニンニクが焦げる前に、オリーブオイルと同じ量の白ワインを入れて冷ます。1分30秒前に引き上げた麺と乳化させ、野菜ブイヨン粉末、ハバネロ、バルサミコ酢、パセリを加えて完成。このように1つだけの項目の説明としてdlタグを使っても良い。そして以下のdlタグは将棋を例に語句の定義方法を示している。
将棋用語
将棋でよく出てくる言葉についての説明です。
美濃囲い
初型から5手で完成する囲い。短手数で完成するが堅い。振り飛車党が定番とする囲い。
四間飛車
飛車を6八に置いた戦法。攻守の均衡が取れた戦法でプロにもアマにも人気が高い。

以上のようにdtタグの中に入れたdfnタグを使うと語句を定義した事になる。利用頻度は少ないかもしれないが覚える。

タグの説明 3

コンピューターからの出力内容を囲むのはsampタグを使います。例えばセキュリティで保護されていないページですという感じです。問題解決SEOにも役立ちそうです。

コンピューターからの入力内容を囲むのはkbdタグを使います。例えばショートカットキーの説明などです。決定はEnterを押します。複数のボタンを同時に押す時は次のように書きます。コピーはCtrl+Cと押します。

メニューの選択順序を示す時はkbdタグとsampタグを使います。例えばWordで印刷をする時は次のように示します。Wordで文章が出来たらファイル > 印刷 > 印刷と進みましょう。

このサンプルサイトではsampタグとkbdタグはCSSで太字にしてあります。

タグの説明 4

下線を引くにはinsタグを使います。

打ち消し線を引くにはdelタグを使います。

著者情報は以下のようにaddressタグを使います。日時は以下のようにtimeタグを使います。timeタグは秒指定、時間秒のみ記載など複数の記述方法があります。

株式会社ABC 佐藤太郎
お名前(必須)
メールアドレス(必須)
お問い合わせ内容(必須)

お問い合わせ

EOD; } //▼フィーチャーフォン(ガラケー)用の記事。 if(strstr($_SERVER['HTTP_USER_AGENT'],"DoCoMo")|| strstr($_SERVER['HTTP_USER_AGENT'],"Vodafone")|| strstr($_SERVER['HTTP_USER_AGENT'],"SoftBank")|| strstr($_SERVER['HTTP_USER_AGENT'],"MOT-")|| strstr($_SERVER['HTTP_USER_AGENT'],"J-PHONE")|| strstr($_SERVER['HTTP_USER_AGENT'],"KDDI")|| strstr($_SERVER['HTTP_USER_AGENT'],"UP.Browser")|| strstr($_SERVER['HTTP_USER_AGENT'],"WILLCOM")){ $contents_mobile=<<テスト

文字は全て最小サイズで表示中。サイズの変更方法はinfo/mobile/emoji.htmlのp1を変える。

ここから
改行を
しています。

{$hirameki}{$book}{$present}

絵文字はinfo/mobile/emoji.htmlに一覧がある。

{$div_1}その他{$div_2} 画像

容量が大きい画像をガラケーで表示すると負荷がかかるので軽くする。Fireworksで画像を選択後「Ctrl + Shift + X」とクリック。形式はGIF、パレットはアダプティブ、プルダウンメニューの所はアルファチャネルとして「書き出し」をクリック。ダイアログボックスの「書きだし」の部分は「画像のみ」にして保存。これで容量が軽いGIF画像が出来る。

こちらは{$color_1}カラー文字。{$color_2}色はinfo/mobile/emoji.htmlのcolor_1を変える。

FOOTERの背景色はinfo/mobile/footer.htmlのFOOTERの箇所のbackground-colorの値で変えられる。

EOD; } //▼それ以外(パソコン･タブレット等)用の記事。 else{ $contents_pc=<<

お知らせ

{$oshirase}

タグの説明 1

このホームページはサイドメニューが無い仕様(1カラム)です。情報が少なければサイドメニューは不要なので1カラムのホームページが適しているでしょう。

まずはタグの説明です。これは視覚的かつ論理的な強調を意味するstrongタグです。strongタグには重要性、深刻性、緊急性を含む言葉を入れましょう。一方でstrongタグと同じような意味のmarkというタグがあります。デフォルトで色付けされていますがCSSで編集可能です。markタグは引用文や別の文脈の文章などから目立たせたい箇所に使いましょう。

色文字はこのように強調したい時に使いましょう。赤い太文字も出来ます。

タグの説明 2

使用頻度が高いリスト、箇条書き、説明書きはnavタグかdlタグを使います。navタグは主要な物に使います。dlタグは単純なリストまたは箇条書きに使います。navタグは、このサンプルサイトの上部メニューに使っています。上部メニューは主要なリストなのでnavタグを親として、子要素として上部メニューを書いています。dlタグは主に本文のリスト、箇条書き、説明書きに使いましょう。具体例は次の通りです。好きな食べ物を例にします。

私が好きな食べ物を例にdlタグを説明
パスタ
カレー
カキフライ
野菜の天ぷら
美味しいペペロンチーノの作り方を例にdlタグを説明
ニンニクが焦げる前に、オリーブオイルと同じ量の白ワインを入れて冷ます。1分30秒前に引き上げた麺と乳化させ、野菜ブイヨン粉末、ハバネロ、バルサミコ酢、パセリを加えて完成。このように1つだけの項目の説明としてdlタグを使っても良い。そして以下のdlタグは将棋を例に語句の定義方法を示している。
将棋用語
将棋でよく出てくる言葉についての説明です。
美濃囲い
初型から5手で完成する囲い。短手数で完成するが堅い。振り飛車党が定番とする囲い。
四間飛車
飛車を6八に置いた戦法。攻守の均衡が取れた戦法でプロにもアマにも人気が高い。

以上のようにdtタグの中に入れたdfnタグを使うと語句を定義した事になる。利用頻度は少ないかもしれないが覚える。

タグの説明 3

コンピューターからの出力内容を囲むのはsampタグを使います。例えばセキュリティで保護されていないページですという感じです。問題解決SEOにも役立ちそうです。

コンピューターからの入力内容を囲むのはkbdタグを使います。例えばショートカットキーの説明などです。決定はEnterを押します。複数のボタンを同時に押す時は次のように書きます。コピーはCtrl+Cと押します。

メニューの選択順序を示す時はkbdタグとsampタグを使います。例えばWordで印刷をする時は次のように示します。Wordで文章が出来たらファイル > 印刷 > 印刷と進みましょう。

このサンプルサイトではsampタグとkbdタグはCSSで太字にしてあります。

タグの説明 4

下線を引くにはinsタグを使います。

打ち消し線を引くにはdelタグを使います。

著者情報は以下のようにaddressタグを使います。日時は以下のようにtimeタグを使います。timeタグは秒指定、時間秒のみ記載など複数の記述方法があります。

株式会社ABC 佐藤太郎
お名前(必須)
メールアドレス(必須)
お問い合わせ内容(必須)

お問い合わせ

EOD; } ?>