HTMLタグ/共通属性/要素に補足情報を付ける - TAG index
ツールチップの表示例 <a href="index.html" title="このカテゴリーのトップへジャンプします">カテゴリートップ</a> title属性が指定された要素にマウスカーソルを合わせると、ワンテンポ遅れて上記のようなツールチップが表示されます。 ツールチップ以外の用途 title属性の値は、例えば次のような用途にも使用されることがあります。 frame要素に指定した場合 フレームを表示できないブラウザの中には、title属性の値をリンクテキストとして使用するものがあるようです。 link要素に指定した場合 外部スタイルシートを読み込む際に、title属性の値がスタイル名として使用されます。詳しくは、固定・優先・代替のスタイルシートをご覧ください。 指定できる要素 この属性は、ほとんどの要素で使用することができます。詳しくは、各要素の概要で確認してください。 使用例 <p
Internet Explorer 11におけるtitle属性 - Unreviewed
お断り：この記事はInternet Explorer Advent Calendar 2013、あるいはYet Another Internet Explorer Advent Calendar 2013のゲリラ投稿、ではありません。 Internet Explorer 9以降といえば、HTML5やCSS、SVGといったものへの対応が注目されがちですが、他のブラウザーが長い間対応してこなかった基礎的な部分への対応も進んでいます。この記事ではInternet Explorer 11（IE11）におけるtitle属性について書きます*1。 title属性 HTMLにはtitle属性という謎の属性があります。多くのブラウザーではtitle属性を設定した要素にマウスを重ねると値をツールチップとして表示します。しかし、ほとんどのブラウザーは、キーボードだけを使ってtitle属性を表示する方法をユーザ
Lazy LoadはSEOに不利か 遅延ロードの画像が認識されない
ウェブサイトやブログ内の画像を遅延ロードさせて表示速度を向上させるLazy Load(画像の遅延読み込み)は、SEOには不利かもしれません。 実際にFetch as Googleでレンダリングして検証してみたところ、遅延ロード部分の画像は表示されず、Googlebotも画像を取得できませんでした。 Googleは、画像遅延にAPI「Intersection Observer」の利用を推奨しているので、Lazy Loadを導入するなら一度調べてみることをおススメします。 また、最近はブログテーマ内にLazy Loadを実装したものがあります。 画像の遅延読み込み Lazy Loadウェブサイトやブログの表示速度向上に有効な技術「Lazy Load」をご存知でしょうか？ Lazy Load（遅延読み込み）とは、ページロード時に画像など容量の大きなデータを後から読み込ませることで、表示速度を向上
画像の遅延ロードでイライラを解消 TADAプラグイン
「TADA」は、画像の遅延ローディングを手軽に実装するプラグインです。ページを読み込んだときではなく、画像が見える位置までスクロールしたタイミングで読み込むので、ページを開いたときの待ち時間を短縮できます。 TADAプラグインはGoogle ChromeなどのモダンブラウザーとInternet Explorer 8以降、iOS／Androidのスマートフォンに対応しています。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、 TADAをGithubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 利用するWebページのbodyの閉じタグ直前で、jQuery本体と、ダウンロードした「jquery.tada.min.js
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jsdo.it
