タグ

HTMLに関するthefool0613のブックマーク (16)

  • HTMLエンティティ化

    HTMLエンティティ化 version Japanese 1.0(説明) エンティティ化するテキスト mailto:someone@some.domain.com エンティティ化されたテキスト オプション 入力文の半角スペース、タブ、改行を除去する エンティティ化する・しない文字を無作為に選ぶ(チェックしないときは全てエンティティ化) 但し、以下の文字は必ずエンティティ化する: エンティティ出力形式: 注1 説明 ホームページに公開するメールアドレスなどを広告業者に収集されるのを防止するためのソフトウエアです。WWWページに記載するメールアドレスなどをこのプログラムでエンティティコード(数値文字実体参照)に変換して書き換えてやれば、WWWページを実際に見ている人間には支障を与えることなく、メールアドレスなどが自動収集プログラムなどから見つかり難くなります。 使い方 変換したいメールアドレス

  • 携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α

    前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー(もしくはディレクター?)さんは、デザインをパッと見て「このデザインで組めます!」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード:Shift-JIS ・改行コード:

  • 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

    thefool0613
    thefool0613 2009/11/12
    フッターをページ最下部にぴったり張り付かせる方法。ソース見ても何故こうなるか分からないのがちょっと怖い
  • Dafizilla Table2Clipboard – Get this Extension for 🦊 Firefox (ja)

    Mozilla applications allow to select rows and columns from a table simply pressing Control key and picking rows/columns with left mouse button. The selection can be copied to clipboard but the original table disposition is lost making ugly results when you paste the text on datasheet applications (eg excel). If you want to paste data in Microsoft Excel on OpenOffice Calc with correct disposition s

    Dafizilla Table2Clipboard – Get this Extension for 🦊 Firefox (ja)
    thefool0613
    thefool0613 2009/10/22
    tableの構造を保ったままコピーするfirefoxアドオン
  • Slot5000 yang mempersembahkan korban dari situs resmi.

    Jika kamu ‘re mencari sebuah kasino online yang menerima beberapa metode, deposit dan penarikan slot5000 mungkin. satu untuk anda Slot5000, memiliki banyak manfaat termasuk bonus yang mulia dan telefon kompatibilitas. selamat datang Anda dapat bermain di real-time dari setiap perangkat, dan sesuai dengan turnamen dan aman adalah deposito yang besar ditambah.Selain itu, anda dapat menikmati pengala

    Slot5000 yang mempersembahkan korban dari situs resmi.
    thefool0613
    thefool0613 2009/10/16
    cssを全てインライン指定に変換。url指定で日本語化ける場合はソース貼り付け。
  • CSSの実装状況で変わるボックスのデザイン方法

    Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない1つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS

    thefool0613
    thefool0613 2009/08/28
    IE6を考慮せず作ってもクライアントからツッコまれる頻度が減ってきているので、そろそろ新仕様に目を向ける頃かも。間の良い記事だと思う。
  • HTML5.JP - 次世代HTML標準 HTML5情報サイト

    HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

  • エックスサーバーでphpをhtml拡張しで動かす - [k]id[k]id

    静的なhtmlファイルでphpをちょっと動かしたくなり .htaccessにいつものようにAddtype以下のように設定をしようと思ったら なぜか動かない。。。 AddType application/x-httpd-php .html あれ?前は動いたのに defaultで生成される.htaccessを覗いてみたら 今までに見なかったコードが追加されてる。 ということで AddHandler x-httpd-php5 .php .phps ↓ AddHandler x-httpd-php5 .php .phps .html AddType application/x-httpd-php .html で落ち着きました。 いや〜びっくりした。。

    エックスサーバーでphpをhtml拡張しで動かす - [k]id[k]id
  • 酔いの慫慂はさかしまに: CPI共用サーバでのPHP使用環境整備

    CPI共用サーバではデフォルトではPHPは動作しナイ まず必ず.htaccessを設置しなくてはならナイのだが この記述について「Online Help」を見ると コンパネの「お客様情報」にある 「プログラムのパスとサーバの情報」のページに記載のVer.から どれかを選択して下記のように記述AddHandler x-httpd-phpXXX .phpXXXはPHPのVer.で5.2.4 の場合だと以下のようになるAddHandler x-httpd-php524 .phpこれをWEB領域のトップディレクトリに設置すれば WEB領域内のどこでもPHPが使えるワケだが どこか一部別のVer.を使いたかったら そのディレクトリに別のVer.用の.htaccessを設置すればOK 例えばincludeで外部サーバのファイルを読み込みたい場合は PHPのVer.が5.1.X~だとエラーになってしまう

    thefool0613
    thefool0613 2009/05/22
    CPIでhtmlをphpとして使う方法など。
  • 標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有

    2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSSHTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈

  • The W3C Markup Validation Service

    Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input Enter the Markup to validate: More Options

  • DIVの中を下揃えで配置する|WEB制作(html,css(スタイルシート) )|プログラムメモ

    DIVの中を下揃えで配置する DIVの中を下揃えで配置を行うには .test{ position:absolute; bottom: 0; } でOK! 例: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <BODY> <H1 style="height:500px;border:solid 1px red;position:relative;"> <span style="position:absolute;bottom:0">テキストテキストテキストテキストテキストテキスト</span> </H1> </BODY> </HTML>

  • はねつき IE6で勝手にコンテンツ内容が複製されるバグ

    よく、バグが多いバグが多いと嘆かれ続ける、業界ナンバーワンシェアの我らがふぁっきんIE様。 で、今日もまた恒例のバグに直面したわけです。それがタイトルにあるとおり、コンテンツ内容が複製されるバグというやつ。どうにか無事解決も出来たので、今回もメモがてらに書いてみます。内容は長くなるので以下に。 コンテンツ内容が複製される、別の言い方をすると、最後の内容物のゴーストが作成されるとでも言うのでしょうか。もしくは分身とか残像とかそんな感じ。 言葉だけだとわかり辛いので、画像を用意してみました。 Opera9で見た場合 IE6で見た場合 こんな感じでIEの方では最後の内容物の文字が複製されて下にはみ出してます。ちなみに、これが文字じゃなくて背景画像だった場合、背景画像が複製されることもあるそうで。 でサンプルソースはこんな感じ。 <body> <div id="container"> <di

  • グラデーション角丸+リキッドレイアウトをCSSでコーディングする時の考え方 | Blog hamashun.com

    追記 2007-11-03 サンプルのDLを追加 ご注意 この記事は、「考え方」を紹介する物です。 「サンプルソースをコピペして使いまわせる!」という類の物ではありませんので、ご注意ください。 魔の角丸 マークアッパーの頭を悩ませるデザインの一つに、角丸があります。 ただの角丸ならまだいいんですが、グラデーションがかかっていて可変幅だったりすると途端に厄介な存在になります。 安直に考えたスライス 厄介さの原因は、画像の枚数の多さです。 グラデ角丸+可変幅の場合、通常であれば8枚の画像をスライスする事になります。 CSS2.1では1つの要素に指定できる背景画像は1枚だけなので、要素も8つ必要になります。 もちろんdivを8個使ってしまえば実現は容易ですが、その手法は躊躇するべきです。 文書の意味付けにならないdivを増やす事になるので。 考え方とサンプル ではどうするかと言うと、その文書に元

  • SEO対策HTML講座 - HEADタグ / ヘッドタグ

    SEO対策HTML講座 HEADタグ / ヘッドタグ HEADタグとは、タイトルやドキュメントのさまざまな情報を定義した「ヘッダタグ」をマークアップするために使用されるタグです。 簡単に言えば、「ページタイトルやサーバ等が利用する情報」を指定する。という事です。 META要素はブラウザやサーバーによって対応しているもの、対応していないものがあり、必ずしも期待する動作が実行されるわけではありません。 ただし、META要素を指定しておくことは指定しない場合に比べて自分の意図する動作が正しく実行される確率が高くなるため、 決して無意味なものではありません。 SEO対策 で必要な HEADタグ 内記述はこれだけ <title>ページタイトル</title> タイトルタグ。ページのタイトルを記入する。ページ内記述において最もSEO効果がある。 <meta name="description" con

    thefool0613
    thefool0613 2007/10/31
    SEOの観点から<head></head>内に記述するタグを解説。
  • 検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE

    よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報

    検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
  • 1