くずれないないHTMLメール レイアウト 使うべきタグと避けるべきタグを意識する. ・paddingやmarginは使わない。 ・インラインCSSを使う。 ・br、hr、heightタグは使わない。 ・全体のレイアウトを作成するときはtableを使う。 ・doctypeを指定する。 ・”wrapper div”でリセットCSSを指定する。 ・フォントはデバイスによって変化することがあるので注意する。 ・基本的なタグや昔から使われているタグを使用する。 ・背景の色は常にリセットする。 https://sendgrid.kke.co.jp/blog/?p=2223 画像 ・pngファイルは使わない。 ・画像のサイズを指定する。 ・alt属性を全ての画像につける。 ・Outlookでは画像の周囲に余白が追加されてしまうことに注意する。 ・floatプロパティは使わない。 どう作るか?テーブルレイ
JavaScriptでヒアドキュメントを使うライブラリを作りました。 heredoc.js http://www.teria.com/~koseki/memo/jsheredoc/heredoc.js テスト http://www.teria.com/~koseki/memo/jsheredoc/test.html 外部ファイルサンプル http://www.teria.com/~koseki/memo/jsheredoc/tests.txt 使い方 scriptタグ内に直接書き込む使い方(インラインモード)と、外部ファイルを読み込んでコールバックを実行する使い方があります。 インラインモード <script src="heredoc.js"> # ここはscriptとして解釈されません。 str1 =<<EOT 複数行の文字列です。 下の行でおわりです。str1はグローバルになります。
ローカルディスク上に存在する静的HTMLで、外部ファイルをインクルードするためのスクリプト(つまり、XMLHttpRequestオブジェクトの代わり)。 以前にも同じようなエントリを書いたのですが(http://d.hatena.ne.jp/kenpoco/20080228/1204198090)、いくつか不具合があったので修正してます。 IE6,7に対応(前回はFirefox2のみ)。 インクルードするファイルの拡張子が.HTMLと.TXTで動作が異なっていたので、その対応。 インクルードした後で、その内容を変更するための仕組みを追加。 最近HTMLを作る機会が多いので自分で使ってみてるのですが、けっこう重宝してます。全ページに同じようなヘッダー部分がある場合なんかに、ヘッダー部分を1ファイルにまとめておけるので、その後の修正がかなり楽。 【使用例】 ------------------
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
HTMLエディタ(ウェブ作成ソフト)の現状を見ると、よいHTMLを書くには、テキストエディタでHTML編集に便利なものを使うのがまだベストでしょう。テキストエディタとひとくちにいっても、フリーものも有料のものもありますし、シンプルで動作が軽快なものもあれば多機能性を売りにしているものもあります。それらの中から、HTMLを書くという観点で選ぶときのヒントを挙げておきます。 HTML用テキストエディタを選ぶポイント 作者の使用しているエディタ そのほかのエディタを試したい場合は HTML用テキストエディタを選ぶポイント テキストエディタをHTML作成に使う場合の要件としては、テキストファイルの編集がしやすいことはもちろんですが、それに加えて タグ付けというHTMLの編集をスピーディに効率的に行えること 色分け表示などで編集しているHTMLの構造が把握しやすいこと という2つのポイントが大切です
こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く