株式会社 日経BP 〒105-8308 東京都港区虎ノ門4丁目3番12号 →GoogleMapでみる <最寄り駅> 東京メトロ日比谷線「神谷町駅」4b出口より徒歩5分 東京メトロ南北線 「六本木一丁目駅」泉ガーデン出口より徒歩7分
この文書の小見出し一覽 「中級マークアップ」のイントロダクション 強調 引用 q要素 blockquote要素 ブロック要素の中身 引用の引用 引用元の明示 引用文中の強調 blockquote要素とh?要素 「中級マークアップ」のイントロダクション 以下の一聯の「中級マークアップ」と題する記事においては、基本的にbody要素の中身の記述、つまりは「本文用要素」のみを扱ひます。 さて、この記事では「本文用要素」のうち、段落を示すp要素、見出しレヴェルを管理するh?要素、ハイパーリンクを實現するa要素を「基本3要素」として扱ふ、との方針を既に述べました。この「中級マークアップ」では、「基本3要素」ではカヴァーしきれない論理的な意味をマークアップによつて示す爲の知識を提供します。 全ての「本文用要素」はブロック要素とインライン要素に區分される事も既にお話ししました。この區分は以下で非常に大事に
Ustreamでライブ放映された孫正義氏によるスピーチが最近ネットを賑わせている(?)のだが、俺も正直感動したクチだったりする。俺はソフトバンク社がこれまでどのような道のりを歩んできたかということについて詳しくは知らないし、孫正義氏と会ったこともない。しかしこの講演は熱い。それは断言できる。多くの人々に勇気を与えてくれるものであることは間違いないのである! まずは見よ。Ustreamの録画は公開が今日までらしいので、スピーチの書き起こしを見るのがいいだろう。これだけでも充分に一見の価値はある。おちゃらけブロガーちきりん氏も述べているが、とにかく見よ!話はそれからだ。いくら外野が何を言ったところで、このスピーチに勝るほど雄弁に語ることは出来ないのだから。 以下、俺の感想などを書き綴ってみよう。ただしネタバレ注意。 高い志を持つ。孫氏のスピーチは、一貫して「高い志を持て。人生において登るべき山
フィンランドのNokiaは現地時間2010年5月7日、同社の特許5件が米Appleに侵害されたとして、米ウィスコンシン州の連邦地方裁判所に提訴したと発表した。Appleのスマートフォン「iPhone」と、新型タブレット端末「iPad」の3G通信対応モデルに問題の特許が使用されていると主張している。 iPhoneは2010年1~3月期に875万2000台を売り上げ、四半期ベースで過去最高の販売台数を記録した人気商品。iPadは米国で4月3日に発売し、同月末までの28日間で100万台を販売している。Nokiaが問題としているiPadの3G通信モデルは、米国で4月末に販売を始めたほか、日本を含む海外9カ国で5月28日に販売開始する予定(関連記事:ソフトバンクがiPadの料金プラン発表、月額2910円の定額プランと1GB当たり4410円のプリペイドプランを用意)。 Nokiaはこれらの機器で、音声
JavaScriptがオンだとダイナミックにコンテンツが切り替わり、JavaScriptがオフでも正常にコンテンツが表示されるタブコンテンツを実装するチュートリアルをCSS-Tricksから紹介します。 Dynamic Page / Replacing Content デモページ 上記デモではJavaSciprのオン・オフに関わらず、タブをクリックするとそれに対応したコンテンツが表示されるようになっています。 仕組みはオフ時にはタブをクリックするとページ遷移し表示され、オン時にはAJAXを使用してコンテンツを表示しています。 タブ箇所のHTMLは、下記のようになります。 HTML <textarea name="code" class="html" cols="60" rows="5"> <nav> <ul> <li><a href="index.php">Home</a></li> <l
4.11.1 details 要素 カテゴリー: フロー・コンテンツ セクショニング・ルート インタラクティブ・コンテンツ パルパブル・コンテンツ この要素を使うことができるコンテキスト: フロー・コンテンツが期待される場所 コンテンツ・モデル: ひとつの summary 要素の後にフロー・コンテンツが続く コンテンツ属性: グローバル属性 open DOM インタフェース: interface HTMLDetailsElement : HTMLElement { attribute boolean open; }; details 要素は、ユーザーが追加情報やコントロールを取得できるディスクロージャー・ウィジットを表します。 details 要素を注釈に使うのは適切ではありません。注釈をどのようにマークアップするのかについての詳細は、注釈の節をご覧ください。 この要素の子要素の最初に s
4.5.6 cite 要素 カテゴリー: フロー・コンテント フレージング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: フレージング・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: HTMLElement を使う。 cite 要素は創造的な作品への参照を表します。作品のタイトルや著者の名前(個人、人々、組織)や URL 参照を入れなければいけません。これらは、引用メタデータの追記によく使われる省略表記に入れること
前回のTipsではブログで頻発する引用作業を簡単にするブックマークレットを紹介しました。 ブログを書く上で頻繁に行う引用の手順を簡単にしてくれるブックマークレットを作ってみようと思う。 via: 第11回:引用(blockquote)を簡単にするブックマークレット 今回はそのblockquoteを、CSSと画像を使ってクリーンなHTMLを維持しつつ「引用符(“”)」で囲ったようなデザインにする方法を紹介します。 最近は良く見かけるデザインだし、方法も色々あるんだろうけど何パターンか作ってみようと思います。 1)左上に「“」を表示させる まずは一番簡単そうな左上コーナー1カ所に引用符を表示してみます。 使用した画像はこちら。 完成したのがコチラ。 HTML例 <blockquote cite="http://creazy.net/" title="creazy photograph"> <p
By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more info. When you visit websites, they may store or retrieve data in your browser. This storage is often necessary for the basic functionality of the website. The storage may be used for marketing, an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く