HTML/ charset

■日本語エンコード方式の種類
日本語エンコード(日本語テキストデータのための符号化形式)は以下3つが代表格
iso-2022-jp(JIS)
euc-jp(extended unix code)
Shift_JIS(MS漢字コード)
※@1998年時点
※厳密にはMS漢字コードはShift_JISの上位互換エンコード方式を指し
NEC拡張とIBM拡張も含まれる
※3者に優劣なし

Webではどの形式を用いても
日本語対応ブラウザであれば
自動判別して表示してくれる

※e-mailやnetnewsではiso-2022-jpを使うのが慣例


■chaset指定
HTMLファイルで日本語を使うなら HEAD内に指定するMETA要素の1つのcharsetがあるが


charset
HTML文書の中で指定するものではなく
サーバがHTTPヘッダに付けるべきもの

HTTPヘッダとは
実際にファイルのデータが送付される前にサーバがクライアントに対して送る情報
であったが現状では
ただたんにクライアントがチェックする情報になっている



ref:
http://www.asahi-net.or.jp/~jy3K-sm/i_net/charset.html

tag : charset encoding

2010-03-03 00:06 : __lang__html : コメント : 0 : トラックバック : 0 :

JSP/ 文字化け

ブラウザにNEC拡張文字(①、㌔、㈱、㍻、etc)で文字化け
JSPのpageEncoding属性にShift_JISを指定しているため

Shift_JIS文字エンコーディング@J2SE1.4.1
 ↓は MS932 でなく SJIS の代替名に変更
 shift_jis, ms-kanji, x-sjis, csshiftjis

tag : MS982 SJIS shift_jis ms-kanji x-sjis csshiftjis

2009-02-14 11:02 : __lang__html : コメント : 0 : トラックバック : 0 :

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

tag : html

2008-07-10 00:37 : __lang__html : コメント : 0 : トラックバック : 0 :

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;
--------------------
2007-10-10 02:33 : __lang__html : コメント : 0 : トラックバック : 0 :

idx:lang_html




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

□Another HTML-lint
http://openlab.ring.gr.jp/k16/htmllint/tagslist.html
―タグ一覧
2007-08-17 01:10 : __lang__html : コメント : 0 : トラックバック : 0 :

描画モード & 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
XHTMLのDOCTYPE宣言なら どのバージョンでも標準モードで描画される
==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宣言が必要。

tag : HTML XHTML DOCTYPE 互換モード 標準モード

2007-07-06 23:49 : __lang__html : コメント : 0 : トラックバック : 0 :

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

tag : input button submit

2007-07-06 23:37 : __lang__html : コメント : 0 : トラックバック : 0 :

折り返し制御

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

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

cf:
white-space for css

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

tag : NOBR WBR white-space

2007-06-14 01:00 : __lang__html : コメント : 0 : トラックバック : 0 :

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

2007-05-25 01:38 : __lang__html : コメント : 0 : トラックバック : 0 :
ホーム

search

ad



counter


tag cloud

category cloud