‘HTML/XHTML’ カテゴリーのアーカイブ

携帯サイトを検索エンジンにアナウンスするタグ

2009 年 6 月 20 日 土曜日

モバイルリンクディスカバリー
<link rel=”alternate” media=”handheld” href=”モバイルサイトURL” />

モバイルリンクディスカバリーというタグはPCサイトから検索エンジンに対してモバイルサイトをアナウンスするタグ。Google,Yahooどちらにも有効なタグ。

このエントリーを含むはてなブックマーク

リンクをクリックした時に点線を表示させない方法

2009 年 5 月 12 日 火曜日

ページ内表示を切り替える時など、点線が表示されない方が良い場合もある。
この場合は、<a href=”#” onFocus=”this.blur()”>などのようにonFocus=”this.blur()”を追加すれば表示されない。

このエントリーを含むはてなブックマーク

inputボックス内の初期値を入力する時に消す方法

2009 年 5 月 8 日 金曜日

のようにinputの中に初期値が入力されている場合で、このクリックを押すと消えるタイプのサイトはわりと多い。

純粋にJavaScriptで構築しても良いがjQueryを用いるとより簡単に実装できる。
ToggleVal 2.1

紹介元
入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」

このエントリーを含むはてなブックマーク

overflow:autoとul+liはIEで微妙

2009 年 5 月 8 日 金曜日

高さ固定でインラインフレームのように見せるのがoverflow:autoだが、中にul+li(リストアイテム)で構成すると、表示が微妙になる場合がある。状態はfloatのような感じ。
根本的な解決方法は不明だが、pタグなどに変更すれば、暫定的に解決できる。

このエントリーを含むはてなブックマーク

画像リンクのボーダーラインを表示しないようにする方法

2009 年 1 月 26 日 月曜日

border-style:none; をimgタグの中に使用する。
<a href=”http://addressname.net/“><img src=”画像へのパス” style=”border-style:none;”></a>

このエントリーを含むはてなブックマーク

リンクを新しいページで開く

2009 年 1 月 26 日 月曜日

target=”_blank”を使用

◆Sample
<a href=”http://addressname.net/” target=”_blank”>リンクページ</a>

このエントリーを含むはてなブックマーク

3G端末用携帯サイト(docomo,au,softbank,その他)のDOCTYPE宣言

2009 年 1 月 21 日 水曜日

DoCoMo,au,softbank以外
<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” />

又は

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”ja” xml:lang=”ja”>
<head>
<meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=Shift_JIS” />

DoCoMo
<!DOCTYPE html PUBLIC “-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN” “i-xhtml_4ja_10.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”ja” xml:lang=”ja”>
<head>
<meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=Shift_JIS” />

au
<!DOCTYPE html PUBLIC “-//OPENWAVE//DTD XHTML 1.0//EN” “http://www.openwave.com/DTD/xhtml-basic.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”ja” xml:lang=”ja”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” />

softbank
<!DOCTYPE html PUBLIC “-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN” “xhtml-basic10-plus.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”ja” xml:lang=”ja”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” />

このエントリーを含むはてなブックマーク

拡張子xhtmlで運用できるキャリア(携帯サイト)

2009 年 1 月 18 日 日曜日

“拡張子 .xhtml”と.htaccessに“DirectoryIndex index.xhtml”を合わせて運用すれば携帯サイトの運用が可能と言われるが…

◆実験結果
 DoCoMo(i-mode):xhtml/cssで表示が可能
 softbank(yahoo携帯):xhtml/cssで表示が可能
 au(ezweb):リクエストされたページは表示できません。 ※304エラーとなる。

このエントリーを含むはてなブックマーク