Technical documentationThis browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
DOM - MDC
ドキュメントオブジェクトモデル (Document Object Model, DOM) は、ウェブページを表す HTML のような文書の構造をメモリー内に表現することで、ウェブページとスクリプトやプログラミング言語を接続するものです。ふつうは JavaScript を使用しますが、HTML、SVG、XML などの文書をオブジェクトとしてモデリングすることはコア JavaScript 言語の一部ではありません。 DOM は文書を論理的なツリーで表現します。ツリーのそれぞれの枝はノードで終わっており、それぞれのノードがオブジェクトを含んでいます。 DOM のメソッドでプログラム的にツリーにアクセスできます。これにより、文書構造やスタイルやコンテンツを変更することができます。 ノードにはイベントハンドラーを割り当てることができます。イベントが発生すると、イベントハンドラーが実行されます。 DO
HTMLツールを作る
locate_h Unix を使って感激することの一つはパイプラインでしょう。例えば、ruby という文字列を含むファイルを検索するとき locate を使いますが、ファイルの数が多いと大部分が画面から消えてしまいます。そのようなときに、locate ruby | less のように locate の出力をページャにパイプさせるのはよくやる操作です。また、locate の出力をさらに sample という文字列で絞りこみたい時があります。そのようなときには、locate ruby | grep sample のように locate の出力を grep にパイプしてやります。Unix の特徴はこのようにツールを組合せてデータを操作することが簡単にできることです。 しかし、locate の出力は単なる文字列なので、目的のファイルを開こうと思ったら、less の後に長いパス名をキーボードから入力
Clean up your Web pages with HTML TIDY
HTML TIDY でウェブページを磨き上げる Copyright © 1999 W3C,see tidy.c for copyright notice. このソフトウェアの開発に際し、Hewlett Packard 社から経済的な支援を受けたことを感謝する。 これは 1999年1月22日版 今回のリリースでは多数のバグを修正した。下記のリリースノートを参照のこと。 HTML Tidy のフリーの Windows 95/98/NT 用 GUI が利用可能になった。. tidy の最新版は、このページのオリジナル： http://www.w3.org/People/Raggett/tidy から入手してください。Netmind の厚意により, tidy の新版が利用可能になった際に電子メールで通知を受けることができます。 How to use Tidy | Release Notes |
<img> - イメージ - とほほのWWW入門
形式 <img src="..." alt="..."> サポート LS / H2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1 カテゴリ フローコンテンツ フレージングコンテンツ エンベデッドコンテンツ フォーム関連要素 インタラクティブコンテンツ(usemap属性有の場合) パルパブルコンテンツ 親要素 エンベデッドコンテンツ を子要素に持てるもの 子要素 無し(Empty) タグの省略 開始タグ:必須 / 終了タグ:無し 属性 グローバル属性 alt src srcset sizes crossorigin usemap ismap width height referrerpolicy decoding loading img は IMaGe(画像)の略です。src 属性には、PNG形式(*.png)、JPEG形式(.jpg)、SVG形式(*.svg
[ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize - Greenbear Diary (2007-02-05)
■ [ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize 今日は、RubyでWebサイトを解析するときに強い味方となるライブラリ、HpricotとWWW::Mechanizeを紹介します。 どちらも非常に強力なので、覚えておいて損はないよ！ 以下ではまずHpricotでHTMLを解析・編集する方法について解説します。 次に、「はてなダイアリーの自動更新」を例にWWW::Mechanizeの使い方を解説します。 Hpricot HpricotはHTMLを解析するためのライブラリです。 例えば「あるページのリンクだけを全部抜き出したい」と思ったとき、どうしますか？scrAPIを使う？でもscrAPIはやっぱり ちょっと使いたいだけなのにパーザ(Scrape)用のクラスを定義するのが面倒なんだよね！ Hpricotなら、たったこれだけで
![[ruby] RubyでHTMLとWebを操作するためのライブラリ、HpricotとWWW::Mechanize - Greenbear Diary (2007-02-05)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0dd2a08b2c0fff30d70543ed7fa340ebfeb5697/height=288;version=1;width=512/https%3A%2F%2Froute477.net%2Fd%2Fassets%2Fogimage.png)
String#scrape - ヽ( ・∀・)ノくまくまー(2007-01-15)
● String#scrape どうせお前らはあれだろ、scrAPI は強力だし、これこそ自分がまさに待望してた道具、使いこなすぜ！と意気込んでるんだけど、どれだけ決意してもあの複雑な引数に毎回挫折しちゃって、挫折つーかちょっと使いたいだけなのにパーザ(Scrape)用のクラスを定義するのが面倒なんだよね、みたいな言い訳を毎回自分にしつつ、結局使いこなせてない脳内ゆとり世代のお前らなんだけど、まぁ実際引数に無駄に色んな機能を詰め込み過ぎてる感は否めないし、というかextractorのsrcとdstはどう見ても直感的に逆だろ、grepみたいに使わせろよ使えない1だな、みたいな愚痴をこぼしてたら、むしろCSS3なgrepとして使えるだけでいい事に気付いて、You、Stringクラスに入れちゃいなYO！ String#scrape の定義 require 'scrapi' class Strin
pylori*style wiki - HTMLパーサ Hpricot
Hpricotは Ruby用の HTML パーサです。スキャン部分は C 言語で書かれていて高速に動作します。 HTMLの解析や書き換えに威力を発揮する便利なライブラリです。 rubygemsを使うのが簡単です。 # gem install hpricot すると以下のようにプラットフォームを聞いてきます。Unix系OSであれば 1 を、mswin32 であれば 2 を選びます。 Select which gem to install for your platform (i386-freebsd6) 1. hpricot 0.4 (ruby) 2. hpricot 0.4 (mswin32) 3. Cancel installation コンパイルが始まり、インストールが行われます。 Building native extensions. This could take a while.
A CSS Sticky Footer
A CSS sticky footer that just works We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on. It's been tested in IE 5 and up, Fi
KDDI au: マルチメディア・コンテンツ > Flashコンテンツ
※お知らせ※ •2018年3月31日をもって、auの3Gケータイ向けの以下のサービスが終了となりました。 ・EZアプリ(B)の配信(ダウンロード・バージョンアップ) ・au世界サービス（旧：グローバルパスポート ※技術資料の中では「国際ローミング」と称しています） それに伴い、関連する技術情報を修正いたしました。 ・「公式コンテンツで提供するサービス」メニューおよびその配下の技術情報提供の終了 ・技術情報資料『【EZweb 全般】EZweb コンテンツ制作ガイド』の修正 •「WEBページ」メニュー配下にある「SHA-2対応ケータイアップデートについて」の項目を 「【EZweb全般】EZブラウザ搭載機のSHA-2対応について」に改称し、本文中の関連する記述も修正しました。
imgタグにおけるaltの使い方について -- ごく簡単なHTMLの説明
HTML文書においてはimg要素を使ってインライン画像を表示することができますが、Lynxのようなテキストブラウザや画像表示をOFFにしている利用者のためにはalt属性によって画像の代わりとなる代替文字列を用意することができます。いえ、正しくは「用意できる」ではなく「必ず用意しなければならない」ものです。HTML4においては、altはオプションではなく「必須」の属性とされています。 WWW利用者の環境 alt属性の使い方の基本公式 伝えるべき情報 なぜalt文をうまく組み込めないのか alt="" ? img要素のtitle属性を使う WWW利用者の環境 近頃はNetscape NavigatorやInternetExplorerが全盛で、それらに合わせたページを作ることが当たり前のように思われていますが、実際は： これらのグラフィカル・ブラウザを使っているが、回線の事情や、よりスピーディ
Html Validator for Firefox and Mozilla
HTML VALIDATOR (based on Tidy and OpenSP) HTML Validator is a browser extension that adds HTML validation inside Firefox and Chrome. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page. The extension is based on Tidy and OpenSP. Both algorithms were originally developed by t
SCSS - School of Computer Science and Statistics | Trinity College Dublin
Where innovation meets academic excellence Explore courses at the School of Computer Science and Statistics Course Finder Top 100 in the QS World University Rankings The School of Computer Science and Statistics (SCSS) ranks 1st in Ireland, a leading School in Europe and in the top 100 universities in the world according to the QS World University Subject Rankings in Computer Science and Informati
無料で200個以上のウェブサイトテンプレートを配布する「OpenDesigns.org」 - GIGAZINE
現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Download Free Web Design Templates - OpenDesigns.org http://www.opendesigns.org/ 強力な検索機能の利用は以下から。 Search Designs ・ OpenDesigns.org 以下からサムネイル画像でテンプレートのプレビューを見ることもできます。サムネイル画像の上にマウスを乗せれば詳細な情報が表示されるので便利。クリック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AmBuilderのページ
ウェブコンテンツヴューア：ソフトバンク
iモードHTMLシミュレータII
This Document has Moved
*{ margin : 0 } はもう古い!? | Emotional Web
HTML → PDF
