ALT/TITLE属性でテキストを改行表示する方法

<'BR>タグ の代わりに
【&# 13; &# 10;】 か 【&# 13;】 を使う。

# 半角スペースを除去すること

ex
<'p alt="--- alt ---" title="---- title ----">hogehoge<'/p>

hogehoge



<'img alt="--- alt ---" title="---- title ----" src="#">

---
alt
---



ちなみに
IEのみ有効。

ref:
http://www5e.biglobe.ne.jp/~access_r/hp/html/html_011.html

break point

□改行箇所
・カンマの後
・演算子の前
・文法的な区切り位置
・意味的な区切り位置
・場合によってインデントは8文字で。
--------------------
var = someMethod1(longExpression1,
        someMethod2(longExpression2,
            longExpression3));
--------------------
longName1 = longName2 * (longName3 + longName4 - longName5)
      + 4 * longname6;
--------------------
if ((condition1 && condition2)
    || (condition3 && condition4)
    ||!(condition5 && condition6)) {
  doSomethingAboutIt();
}
--------------------
alpha = (aLongBooleanExpression) ? beta
                 : gamma;
--------------------
alpha = (aLongBooleanExpression)
    ? beta
    : gamma;
--------------------

idx:lang_html




=====================================
Useful References
=====================================

□Another HTML-lint
http://openlab.ring.gr.jp/k16/htmllint/tagslist.html
―タグ一覧

描画モード & DOCTYPE宣言

標準モード
できるだけ文法を正しく解釈して表示。
標準モードでは大文字・小文字が区別される
文法ミスがある記述は無視。

互換モード
古いバージョンのブラウザに合わせた表示。
古いバージョンで誤って解釈していた部分は、誤ったままで表示。
文法ミスがあっても適当に解釈して表示。

□how to change the mode?
HTMLの1行目に「DOCTYPE宣言」(ドックタイプ宣言)
==ex==
<'!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

DOCTYPE宣言
使用するHTMLのバージョン示すもの。
HTMLには複数のバージョンがある。
※最新はHTML4.01
HTML4.01の後継はXHTML
XHTMLの最新はXHTML1.1
標準モードとして解釈される場合
・正しくHTML 4.01以上のバージョンのDOCTYPE宣言を書いた時
互換モードとして解釈される場合
DOCTYPE宣言がない時
DOCTYPE宣言が正しくない時

□way to def
互換モード
==ex==
<'!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
HTML 4.01 Strict:
「非推奨」な要素や属性を一切使わないで記述したHTMLであることを示すDOCTYPE宣言
==ex==
<'!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional
HTML4.01で定義されている要素や属性のうち、「非推奨」となっているものも含めて利用しているHTMLであることを示すDOCTYPE宣言
==ex==
<'!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0〜1.1
XHTMLDOCTYPE宣言なら どのバージョンでも標準モードで描画される
==ex==
<'!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
(its for XHTML 1.1)
XHTMLを使う場合は、DOCTYPE宣言の前にXML宣言が必要。

input button submit

BUTTONタグはINPUTタグのレンダリング能力を向上したもの

input-tag type=submit
HTML/4.0で追加されたエレメント
FORMのACTIONの起動
ボタン押下イベントに対してフォーム内容送信処理が実行されるもの

input-tag type=button
実行されないもの(イベントに対する処理を自分でコーディングするもの)


ref:
http://www.tohoho-web.com/lng/199911/99110199.htm
W3C勧告
http://www.w3.org/TR/html4

折り返し制御

□折り返し禁止
<'NOBR>...<'/NOBR>

□折り返し許可点
<'WBR>

cf:
white-space for css

ref:
http://www.tg.rim.or.jp/~hexane/ach/stht/sthta2.htm

uplaod a file

□ファイルのアップロード
==================================================
<'html>
<'head>
<'title>ファイルアップロード<'/title>
<'/head>
<'body>
ファイルアップロード
<'HR>
<'br>


<'form action="upload.act" method="post" enctype="multipart/form-data">
<'label for="file">アップロードするファイル:<'/label>
<'input type="file" name="file" id="file">
<'/form>


<'br>
<'HR>
<'a href="index.html">index<'/a><'br>
<'/body>
<'/html>
==================================================

ref:
http://www.port4.info/pasta/advance/upload.html

Top

HOME

09 | 2008/10 | 11
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

QR

name:
mail:
title:
body:

N/A