スポンサーサイト

  • 2016.11.28 Monday
  • -
  • -
  • -
  • -
  • by スポンサードリンク

一定期間更新がないため広告を表示しています


にほんブログ村 IT技術ブログ Webサイト構築へ 人気ブログランキングへ←ランキング参加中!クリックしてもらえると嬉しいです。
  • 2016.11.28 Monday
  • -
  • -
  • -
  • -
  • by スポンサードリンク

特定のブラウザで画面が真っ白に

ウェブサイトを作ると、ブラウザによってレイアウトが異なる、ということはよくある話だ。
代表的なブラウザだけでも、Internet Explore、Firefox、Safari、Google Chrome、Operaとあり、ブラウザによって余白などの考え方や、値を指定しない場合の標準値が異なるためである。

さらには、Internet Exploreはバージョンによってもレイアウトが異なったりする。私が作成したとあるサイトは、Internet Explore 6、Internet Explore 7、Internet Explore 8でそれぞれ余白が微妙に違う。どうも、画像をリンクにすると、こちらで意図しない余白ができるみたいで・・・

しかし、ブラウザによって画面が真っ白になるというのは、初めてきいた。あるサイトが、Firefoxではまったく表示されない、というのだ。ブラウザを認識して、Firefoxからのアクセスであれば真っ白になるようにわざわざしているならともかくとして、どうやらそういう状況ではなさそうだ。
[[続きを読む]]

にほんブログ村 IT技術ブログ Webサイト構築へ 人気ブログランキングへ←ランキング参加中!クリックしてもらえると嬉しいです。

<a>タグのtitle属性

今日はHTMLの書き方についてのお話。

画像を表示させる<img>タグに代替テキスト(alt属性)をつけるというのは、最新のHTML/XHTML標準では必須項目になっているし、SEO対策上も適切な代替テキストは有効と言われている。

それに比べて目立たないのがリンクを張るときに使う<a>タグなどで使われるtitle属性だ。

念のため言っておくと、このtitle属性は<a>タグ独自のものではなく、多くのタグで有効になる「汎用属性」であり、補足情報を記述するのに使われる。

しかし、特に<a>タグで使った場合、下の図のようにマウスカーソルを重ねたときに属性値が表示されたりするのだ。

<a>タグにtitle属性をつけた表示例

この例では、タグの記述は以下のようになっている。

<a title="やまゆりの自己満足!?趣味サイト" href="http://www.yamayuri-w.net/">やまゆりWORLD</a>


どうってことないのだけど、なんかおもしろいので、私は多用している。
それも、こんな感じでちょっと違う文言を入れて楽しんだりしてしまうのだ。

これ、検索エンジンも読んでくれるんですかねー?

ちなみに、マウスカーソルを重ねたときの表示も、title属性の値+リンク先のURLにしたり、リンク先ページの画像を表示させたりと、いろいろできるみたいだ。
JavaScriptを使うみたいなんだけど、どうやるのかねえ。そのうち勉強しておきます・・・

にほんブログ村 IT技術ブログ Webサイト構築へ 人気ブログランキングへ←ランキング参加中!クリックしてもらえると嬉しいです。
お友達・パートナーリンク
登録されたブログから、最新記事10件を表示しています
Powered By 画RSS
その他リンク
Twitter
Facebook
Koji Minewaki

バナーを作成
Skype
Skype Me™!
なかのひと
あわせて読みたい
あわせて読みたいブログパーツ
recommend
recommend
sponsored links
powered
無料ブログ作成サービス JUGEM
プロフィール
プロフィール写真
⇒プロフィール
最近のコメント
最近のトラックバック
最新記事
カテゴリー
アーカイブ
カレンダー
    123
45678910
11121314151617
18192021222324
252627282930 
<< June 2017 >>
このブログ内を検索
others
mobile
qrcode