携帯サイトの作り方 第2回 番号キーで移動(2ページ目)携帯電話で閲覧できる「ケータイサイト」作成方法の第2弾です。携帯端末では画面スクロールやリンクの選択が少々面倒です。携帯電話の「番号キー」を使って、ページ内の移動やリンクの選択を手軽にしてみましょう！ 携帯電話には必ず「0」～「9」の数字キーと「#」・「*」キーがあります。 リンクを作るa要素に accesskey属性を加えると、これらのキーをページ内の特定のリンクに関連付けることができます。 例えば、下記のようにソースを記述すると、数字キーの「3」を押すだけで、このリンクをクリックしたことになります。 <a href="next.html" accesskey="3">リンク名</a> accesskey属性の値には、対応するキーを（半角で）記述します。 「#」キーを押した際に sharp.html ページへ移動させたいなら、 <a
![2/3 携帯サイトの作り方 第2回 番号キーで移動 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
Introducing new... BLOCKS v.3.2 Simple Yet Powerful Website Builder Watch theVideo demo Make Websites in Record Time! COMPARE PRICES NOW GET FREE DEMO NOW! "Developers could really use a hand in speeding up or even automating the process. That's where an application like BLOCKS is life saver!" -MightyDeals.com
HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。 いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。 閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。 省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
HTMLの文字参照「 」は、半角スペースとしてレンダリングされますが、その前後で改行されません。 「nbsp」は「no-break space,non-breaking space」で「スペースの前および後の位置での自動的な改行（行の折り返し）を防ぐ特殊なスペース」です。(→Wikipedia-ノーブレークスペースより) HTMLで文字列が表示範囲内に収まらない場合、英文であれば半角スペース等で自動的に改行がなされますが、「 」の前後では抑制されます。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 言われてみると、余り深く考えずに使っていたことってありますよね。この記事タイトルを見て、自分たちが普段やっていることが正しいのかどうか、確かめてみたくなりました。 — SEO Japan リンクにtarget=”_blank”を使用し、そのリンクを新しいウィンドウで表示してサイト上に訪問者をキープしておくようにするサイトはますます多くなっている。 実を言えば、私もこれを使っている。なぜなら、訪問者はそれらのリンクを新しいウィンドウで開くFireFoxブラウザを使用していると想定しているからだ。 しかしこれは本当に賢いやり方なのだろうか？ Target=”_blank” を使っても良い時、使うべき
Webページレイアウトあれこれ -10 Evergreen Website Layouts (that will never go out of style) - Speckyboy Design Magazine --http://speckyboy.com/2012/05/23/10-evergreen-website-layouts-that-will-never-go-out-of-style/ -ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン | コリス --http://coliss.com/articles/build-websites/operation/design/10-evergreen-website-layouts-by-speckyboy.html -[ヅ] 親ブロック内での絶対座標を指定する自由なCSSレイアウト --http://
4.5.4 small 要素 カテゴリー: フロー・コンテント フレージング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: フレージング・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: HTMLElement を使う。 small 要素は、細則といった付帯注釈を表します。 細則とは、通常は、免責条項、警告、法的制約、著作権表記などのことを指します。細則は、帰属に使ったり、ライセンス要件を満たすために使うこともありま
4.5.3 strong 要素 カテゴリー: フロー・コンテント フレージング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: フレージング・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: HTMLElement を使う。 strong 要素は、そのコンテンツの強い重要性、深刻さ、緊急性を表します。 重要性: strong 要素は、見出しやキャプションや段落の中で、より細かい部分や、より陽気な部分や、単なる定型文のよ
4.5.2 em 要素 カテゴリー: フロー・コンテント フレージング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: フレージング・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: HTMLElement を使う。 em 要素は、そのコンテンツの強勢強調を表します。 コンテンツの特定の部分が持つ強勢のレベルは、祖先の em 要素の数で表されます。 強勢強調を配置すると、文の意味が変わります。ゆえに、この要素は、コンテ
先日、数値文字参照のデコードを書いたが、文字実体参照も同時に処理する様にしてみる。 2009-12-09追記 以下のコードはバグがあります。 package org.java_kuche.tmr; import java.util.Collections; import java.util.HashMap; import java.util.Map; import java.util.regex.Matcher; import java.util.regex.Pattern; public class CharRefDecode { private static final String RE_NCR = "&#(?:(([x])([0-9a-f]+))|(([0-9]+)));"; private static Map<String,String> CHARACTER_ENTITY_RE
A project is underway to help a rare plant in Carmarthenshire that survives at only one site in the county and less than 30 in Britain as a whole. The Deptford Pink (Dianthus armeria) is a wild relative of garden plant Sweet William, producing a bright pink flower from early July through to early September, although flowering can continue into early November. In the UK small populations survive in
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
@monjudoh scriptタグ内を<!-- // -->で括ってからJavaScript書くのってどの辺のブラウザ向けにやってるんだっけ? #javascript 2010-07-28 11:31:45
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
