ケータイ版 ミニタコ

  HTMLタグ > ネットマナー
「ネットマナー」というと、掲示板での礼儀とかそういうのが浮かびますが、 サイトを作る側としても、ある程度の環境を配慮したりなどのマナーがあります。
最低限、知っておいてほしいなーと個人的に思うものを書いています。

見る側のマナーも書いてるので、参考にしてもらえたらと思います。
レイアウト

スタイルシートは何かと便利ですが、「位置」を指定するものは環境によっては変なことになるので、 使わない方がいいと思います。
リンクで、クリックしたときに少し動くくらいのものなら全然大丈夫ですが。
文章や画像の表示の位置自体をそれで指定すると、 例えばこんな感じ↓に重なってしまったり、下に続きがあるのにスクロールバーが出なかったりなどします。



それから、モニターのサイズが小さいとレイアウトが崩れやすいです。
多少小さいモニターでも、読めないことはないくらいのものだといいなと思います。
いろいろ凝りすぎなければ、普通はそこまで崩れません。

モニターのサイズによる改行を防ぐには、<nobr>〜</nobr>という改行禁止タグがあります。
テーブルの中の改行禁止は、<td>内に「nowrap」というタグを使います。

参考に、あなたのモニターのサイズと解像度は、 です。
フレーム

小さいモニターでフレームのページはつらいのですw
お気に入りに入れても、思ったページが入らなかったりするのも…w

スタイルシートを使っているのか、メニューリンクのあるフレームが、 下に続きがあるのにスクロールバーがなくて下まで見れないというサイトをよく見ます。

結論を言うと、フレームは使わない方がいいかなw
ブラウザ

ブラウザは、InternetExplorerで見ている人が大半です。
IEで見れない・崩れが大きいのはちょっと、つらいかもしれませんw
逆に、IEで問題なければ、とりあえずいいかなと思います。
文字の大きさ

ごめんなさい、いばって言えませんが(´_ゝ`)
私も大きさの指定を解除しようと思いつつw

いろいろ細かくやってみたけど、スタイルシートで指定するのは見る人が変えられないので、 やめた方がいいなというのが結論ですw
自分のサイトも今スタイルシートなので、どんな指定がいいのか試して、 ここにも追加したいと思います。
フォント

サイト開設当時、等幅フォントを使って、字数もそろえて行をきれいにそろえようなんてことをやっていました。
無駄なことに時間と労力を使ったものですw

フォントはWinとMacではまったく別のもので、両方で同じように表示するには両方の等幅フォントを指定しなければいけません。
幅をそろえたいだけなら、フォントの種類ではなく、等幅で表示する<tt>〜</tt>というタグもあります。

でも、行をそろえても、どうなの?wってw
テーブルとかで適度な長さで改行する方がよっぽど読みやすいかと、思いますw

余談ですが、私が好きなWinでのフォントは、「Tahoma」と「MS UI Gothic」です。
「Tahoma」は半角英数字だけだけど。
機種依存文字

ハートマークや、ローマ数字、○や( )付きの修飾数字など。
HTMLでは出なかったと思うんです、確かw
掲示板などに機種依存文字を書いて投稿すると、Macから投稿した場合はMacからだけ、 Winから投稿した場合はWinからだけ、見れますが、その逆では文字化けします、確かw
あまりやってる人を見ないので…まぁいいことですw
HTMLで記号を使う場合は、タグで表示できるものがります。
一覧を載せているこちらのサイト様を参考にどうぞ。
装飾・BGM

やりすぎに注意。
画像だらけでコンテンツがわかりにくかったり、ページが重くなるのはよろしくないと思います。
トップページに入る度にアラートとかは…もう行く気になりませんw

BGMをつけるときは、わかりやすい位置に操作パネルを貼っておきましょう。
音楽があるページの前に、音楽が鳴りますと先に知らせてあると親切です。
SPAMメール対策

ネット上のメールアドレスを拾ってきて、勝手にメールを送ってくるようなひどいツールがあるようです。
なので、メールのリンクを貼ったり、メールアドレスをサイトに載せたり、 掲示板などに書き込んだりしてはダメです。
メールアドレスを載せるなら、画像にするか、「@」を別の文字にするなどして下さい。
またはメールフォームを利用するなどして下さい。
バナー

ないよりあった方がいいかなと思いますw
サイズは、幅88×高さ31ピクセルのものがあれば、たいていの登録型検索エンジンなどで使えます。
イラスト系のところでは、幅200×高さ40ピクセルのところも多いです。

他のサイトさんのバナーを使う場合、サイズは変えないようにしましょう。
サイズを変えるとゆがんでしまうので、結構悲しいです(ノ_<。)

それから、バナーは直リンク推奨の方がいいのではないかと思います。
リンクするのも楽だし、バナーが新しくなるときもそのまま画像を入れ替えてもらえれば、 リンクする側される側とも手間が省けていいと思うし、移転や閉鎖もバナーで知らせることが できるからです。
リンク

「リンクフリー」「リンクはご自由に」などと書かれてあれば、 報告などせずに(してもいいけど)積極的にリンクを貼りましょう。
「必ず報告を」を書かれていたら、した方がいいと思いますが、 私は報告を必須にする理由がわかりません(´・ω・`)
「できれば」ならわかりますが…。
それと、リンクを貼る場合はリンク先の管理者さんの指定するアドレスやバナーの使い方(直リンク推奨とか禁止とか) があればそれに従いましょう。

逆に、自分のサイトやブログにリンクを貼りたいという人がいたときのために、 希望することがあれば書いておくとよいでしょう。
でもあまり制約するのはどうかと思うし、それは良心のある人しか守らないということをわかった上で 書いておくといいと思います。
個人的な意見ですが、トップページのみではなくて、どのページでもリンク可能な方が、 見たい人に見せたいものを見てもらえる機会が増えるのではないかと思っています。

それから、今はアクセス解析をつけている方が多いと思うので、コメントには気を付けて下さいw
報告をしなくても、リンク先の管理者さん本人が見にくることがあるからです。
相互リンク

リンクをしてくれるならいくらでもこっちもリンクを貼ります、という人と、 お気に入りだけをリンクしたい、などの理由で相互リンクは選びたいという人と分かれます。

「相互リンク歓迎」など書いてあるサイトさんは、そのとおり歓迎してくれると思います。
特に何も書いてないサイトさんは、自分が気に入ったのでリンクしたということを報告するついでに、もし時間があれば、 と控えめに自分のアドレスを付け加えておけば、相手の方も気に入ってくれれば何も言わなくてもリンクしてくれるはずです。
相互でなければリンクしない、という考えなら、やめた方がいいと思います。

私は、後者です、すみません(´・ω・`)
リンク非フリー

ネット上に公開していてこれはありえないと思うんですがw
まぁ、リンクする人は少なくなるとは思います。
あんまりこれについてはふれませんw
直リンク

直リンクとは、自分以外のサーバのHTML以外のファイル(画像や音声など)へのリンクだと思って下さい。
ほとんどのサイトさんでは、画像への直リンクは禁止しています。
特に素材屋さんでは、禁止しているのに直リンクで素材を使われている方が多く、 迷惑しています。
知らずに直リンクになっている方も中にはいるので、気を付けて下さい。
直リンクについて詳しくはこちらを参照して下さい。
それ以外に、故意に直リンクで素材を使う人もいれば、 配布素材でもないのに勝手にイラストや写真を自分のサイトに直リンクして公開するような人もいます。
(海外のサイトに多いです。)

いろいろまとめているうちに、直リンク対策についてのサイトが独立しました(´_ゝ`)
直リンクを防ぎたい方は こちらからどうぞ。
直リンクをしない方法、直リンクから守る方法などを書いています。

直リンクではないけど、配布でもない画像をダウンロードして自分のサーバにアップして使っている人も 見たことがあります。
悪質な上に、手の打ちようがないです。
そういうことが可能で、どんな人が見ているかわからない世界なので、 公開する前にそういうこともあり得ることを知っておいて受け身がとれるようにしておかないと、 長くはやっていけないかもしれません。
入り口ページ

入り口だけのページ…なくてもいいかなとも思うけど、それは作る人の自由。
でも、そのページをお気に入りに入れてって言われても、ごめんなさい、 私はその次のメニューのページをお気に入りに入れます(´・ω・`)
お気に入りはどこのページでも、見る人の自由だと思われます。
ただし、リンクを貼る場合は、管理者さんの指定するページがあればそれに従いましょう。
掲示板

おかしな内容の記事を見付けても、絶対に反応しないで下さい。
やるとすれば、何もなかったかのように新しい記事を投稿して、少しでもその記事を流すこと。
少しでも反応すれば、荒らしの思わくずばり成功ということになります。
それが自分の掲示板ならまだしも、よそ様の掲示板だったら、いちばんつらいのは管理者さんなのです。

それと、最近は勝手に投稿するSPAM投稿というのがあるようです。
しかもエロなんばっかりで(´_ゝ`)
レンタル掲示板の場合は、SPAM対策されたものを借りて下さい。
自作CGIの場合は、対策設定をこちらに載せています。
キリ番

申告が強制的なのはいかがなものかと思います。
気楽にいきましょうw
「HTMLタグ」のトップに戻る
  サイト案内



タコ缶メルマガ
毎週日曜日22時頃発行。
サイトの更新情報やその裏話、Q&Aなどをお届けします♪


English(Yahoo! Babel Fish)

  お気に入りショップ
■総合
楽天市場
Yahoo!ショッピング
amazon.co.jp
ぽちっとアスクル
ムトウ On-line Shop
セシール
無印良品
ベルメゾン
FELISSIMO
HIRAKI
■レディスファッション
and it_
PENNSNECK
イーザッカマニアストアーズ
なでしこ
armoire
JJmode
TIROL SHOP
narue
■メンズファッション
Midas
Ever Green
Jiggy’s shop
GIGI
■ファッション小物
ジェイウェルドットコム
an-ten-na
ABCマート.net
Swatch
■医療・介護
007速配コンタクト
ヴィーナス
聴診器のパネシアン
■美容
コスメ・コム
コスメデネット
ぴのあ
化粧品原料通販センケン
■ウェディング
ウエディングアイテムドットネット
Stylful shopping
ペーパーガーデン
■ベビー・キッズ・マタニティ
CUSE BERRY
わくわくネンネ
あぴたきっず
姫様NENE
京都瑠璃雛菊
キャサリンコテージ
BABY BABY
布絵本のふかふか絵本
■パソコン
マウスコンピューター
EC・POWERS
Vintage Computer LLC
五州貿易
Vis-a-Vis
JTT Online Shop
Vector
■家電・インテリア
ウエストハウスギャラリー
クレッシェンド
薔薇とレースと天使のお店
フジパーツ
■キッチン
贈り物の和心屋
M' home style
■スイーツ
花のようなケーキ
アルパジョン
ちた屋特産市場
田園ぽてと
エコール・クリオロ
宇治茶 伊藤久右衛門
横浜夢本舗
ROYCE
■音楽ダウンロード
iTunes Store
リッスンジャパン
■ホビー・キャラクターグッズ
夢のあるラジコンホビーショップ
キャラアニ.com
アニメイトWEB
お宝アイドルテレカ鑑定団
■雑貨
zacca
Princess Rose
雑貨店ブルーデージー
携帯グッズ専門店ストラップヤ.com
携帯電話アクセサリーの飾り屋
デコ電パーツPrincess Rose
■花
e87.com
アニヴェルセル表参道
■金券・図書カード
カード屋さん
■ギフト
楽天ぬいぐるみカード
■その他
ホットペッパー
楽天トラベル
イーバンク銀行
ジャパンネット銀行
楽天カード
Skype
@電子チケットぴあ
がくぶん
イーブックオフ(買取)
CHINTAI Net

  QRコード


  カウンタ
Total:
Today:
Yesterday: