line-height, em % ex css [ホームページ]
% について:下記のように line-height が子要素として 「120%」と指定されたとき、参照するプロパティは 親要素のプロパティ font-size: 10ptですので、line-height の値は「12pt」となります。
cite: http://www.w3.org/TR/css3-values/
Since child elements (generally) inherit the computed values of their parent, in the following example, the children of the P element will inherit a value of 12pt for 'line-height', not the percentage value (120%):
P { font-size: 10pt }
P { line-height: 120% } /* 120% of 'font-size' */
% では、このような親要素のプロパティの他、同じ要素内の他のプロパティ、ブロックの幅など、状況に応じて参照します。
一方、em は親要素の有効フォントの高さ(font-sizeの値)を 1 とします。
exでは、「x」の高さが基準となります。
So-net blog の css では、エントリー line-height: 166%; となっている。
因みに, line-height: normal; はこのような行間となる。
以下は、(例) 1.5倍, 1.0倍, 2.0倍
廿…
1.5em, 150%, x-height(1.5ex)
%では、参照しているプロパティが状況により異なる
廿…
1.5em, 150%, x-height(1.5ex)
%では、参照しているプロパティが状況により異なる
廿…
1.5em, 150%, x-height(1.5ex)
%では、参照しているプロパティが状況により異なる
1.0em, 100%, x-height(1.0ex)
参照しているプロパティ
1.0em, 100%, x-height(1.0ex)
参照しているプロパティ
1.0em, 100%, x-height(1.0ex)
参照しているプロパティ
2.0em, 200%, x-height(2.0ex)
参照しているプロパティ
2.0em, 200%, x-height(2.0ex)
参照しているプロパティ
2.0em, 200%, x-height(2.0ex)
参照しているプロパティ
ミニホーム(ミニホームページ) β版 [ホームページ]
So-netさんは、「ミニホーム(ミニホームページ) β版」を公開しました。今後、正式版になると、一部サービスは有料化されるようです。「ミニホーム」の解説では、
「日記や掲示板、アルバムを作ったり、友達とのコメントのやりとりを楽しむことができます。」
とのことですが、クライアントのパソコン環境
OS:日本語Windows(R) 2000 Professional / XP Home Edition / XP Professional
ブラウザ: Internet Explorer 5.5以上
最新のMacromedia Flash Player
※JavaScriptとCookie有効
が必須となっていますので、Windowsユーザーの一部に限定したサービスのようです。
タグ、特殊文字 <!--pre-->PREタグなど [ホームページ]
[追記 2006/1/25] タグや特殊文字のサイニタイズ、エスケープは、各ブログツール・ブログサービスで対応が異なるので、新規登録・インストール時に確認した方がよいようです。
この記事の投稿者は、本エントリーを他ブログにコピーし、「サイニタイズ、エスケープ、オーバーフロー」などの対応や Pingサーバの表示内容を調査します。
【タグ、特殊文字】
(1) コメント欄のpostでは、タグが使えなかった。
(2) タイトル中に preタグを特殊文字 「&キーワード;」 「番号;」で書き込み、TB (TrackBack) ping すると、リンクリスト MyBlogList の表示が小さくなった( 正規のpreタグとして誤作動したようである ⇒ 追記【2004/12/16】 MyBlogさんに連絡しました。エスケープ出力となり、不具合解決 感謝のメールが届きました)。
(3) 本来のPRE タグではない。StyleSheet (CSS) のとおり表示されるが、ブラウザの横サイズを無視できないので、途切れてしまう。しかし、ソースを見ると、たしかに45文字「テスト」あります。
(4) 長い文章を引用するとき(コメント、出典元のコピー) 、BLOCKQUOTE タグを使い、適当なところで<br ⁄>の手動挿入を行うしかないようです。
·特殊文字の参照ページ ⇒ http://www.htmq.com/text/index.shtml
など
PREタグ
テスト テスト ・・45文字繰り返し・・ テスト テスト [画面サイズを越えたとき途切れます]
BLOCKQUOTEで同じ文章を表示
テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト
BLOCKQUOTEで同じ文章を表示
テスト テスト テスト テスト テスト テスト<br ⁄> ← 実際は非表示
テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト
使い方のマニュアルでは、本文の編集に際して
"a address b blockquote br caption dd dir div dl dt em font h hr i img li menu ol p pre span strike strong table tbody td th tr u ul "
のタグが使用できるようです。
テスト用コメント内では、危険なタグはエスケープされています。
& < > ' "
&amp; &lt; &gt; &#039; &#034;
<pre>
by エスケープ文字 (テスト入力)
VIAGRA spam [後発品]
公開メーリングリストや個人メールアドレスに配信される spam メールの中では、
illegitimate online pharmacies 違法オンライン薬局 が販売する fake "Generic" VIAGRA にせもの "後発品" バイアグラ が今も圧倒的に多いのではないだろうか。
Pfizer 株式会社、日本語ページを見ても、残念ながらこの点に関する解説ページを一切検索できないが、
http://www.viagra.com/buyviagraonline/doesNotSpam.asp?scope=main
のページの一部には、
Why Pfizer has been unable to stop VIAGRA spam
Many Web sites and companies that send VIAGRA spam are based in countries where spam is legal.
· It is difficult and often impossible to track down who is sending the spam
と記載されている。要するに、・・・スパムを合法としている国から VIAGRA spam が送られているから、メーカーは停止できないし、スパムメールを送信しているものを探し出すことは困難だったり、しばしば不可能である・・と。
「違法薬局」、「にせもの」 とページ上で明記しながら、スパムを簡単に合法扱いし、追求しないメーカーに果たして製造者としてのモラルや責任は???。
因みに、薬学・医学・看護学の研究者であれば、med, medication, drug, ・・・ などの専門用語がスパムフィルターに自動登録されたレンタルサーバを利用すると、大切なメールが配信されない可能性があります。
RSS 1.0 validity チェックにて [ホームページ]
"This feed does not validate."
So-net Blog は、RSS 1.0 の validity が得られません ??? (開発チーム様、ご確認よろしくお願いいたします)
http://feedvalidator.org/ にて下記 index.rdf をチェックしました。
URL: http://blog.so-net.ne.jp/novel/index.rdf
本日お昼には、ブログサーバ Technorati に新規登録 so-net blog: ブログタイトル できましたが。
avatar アバター とプロフィール [ホームページ]
見て嬉しくなる顔アイコンをフリーで公開しているウエブサイトを発見しました。ポータルサイト Xoops の avatar(化身のこと) などは、アジア人の私にはちょっと馴染めませんでしたが、FB‐ベテランの初心者‐ さんのアイコンには大満足です。
なお、他の"素材屋さん"サイトの多くは、 avatar を リンクウエア としているので、so-net blog での使用はブログ環境上、やや難しいという問題があります。私のように自作できないユーザーのために、so-net さんも独自のアバター作成サイトを併設して下さい(お願い)。
ニセものホームページについて [ホームページ]
独自(オリジナル)ドメイン名は、いくつでも簡単に取得できるようになり、レジストラ registrar 移管も容易となりました。ウエブサイト公開に必要なグローバルIP アドレス、DNSなどのネームサーバの設定・変更も容易にできる時代となりました。だれでも、WWWサーバを構築し、時に悪意のあるホームページを公開(または、コピー)できますので、アクセスしたサイトが、他サイトを装った"ニセもの"であるか? 正しい公式のサイトであるか? を確認することが必要です。特に、個人情報を送信する場合、第三者機関が認定したサイトであることを最初に確認します。トラストマーク、認証マークは必ずクリックします。また、親展文書などで公式サイトのアドレス (URL) がわかっていれば、IPアドレスと URL を照合する自衛的手段もあります。
http://www.osbsd.net/archives/000058.php
Lunascape Firefox Safari [ホームページ]
一般的なホームページ (サイト名 A) の2004年12月1日から12月5日までのアクセス解析結果を見ると、クライアントの使用ブラウザは、今でも Microsoft社 Internet Explorer が9割以上となっています。他に、Safari、Netscape が1%台で、最近登場した Lunascape, Firefox も散見されるようになりました。
エージェントの一部:
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322; Lunascape 1.4.1)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322; Lunascape 1.3.1)
Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP; rv:1.7) Gecko/20040803 Firefox/0.9.3
Mozilla/5.0 (Windows; U; Windows NT 5.0; ja-JP; rv:1.7.5) Gecko/20041108 Firefox/1.0
見やすいホームページ作成のために、いくつものブラウザでチェックするのは面倒なので、ブログではスタイルシート(CSS) などの雛型 (デフォルトの template) のバージョンアップで対応した方がよさそうです。
フォント [フォント]
本ページのエントリで使用されているフォント名 (1)-(7) (表示順)
(1) Hiragino Kaku Gothic Pro W3 使用フォント
(2) Osaka 使用フォント
(3) MS PGothic 使用フォント
(4) MS PMincho 使用フォント
(5) Hiragino Mincho Pro W3 使用フォント
(6) Arial 使用フォント
(6) arial 使用フォント(注 1) 同上
(7) sans-serif 使用フォント
なお、"ヒラギノ角ゴ Pro W3"は誤りではありませんが、
<font style="font-family:ヒラギノ角ゴ Pro W3;font-size:10pt;color:#333">(1) ヒラギノ角ゴ Pro W3 使用フォント (エントリー内ではカナ漢字のフォント名では表示されず)</font>
<font style='font-family:"ヒラギノ角ゴ Pro W3";font-size:10pt;color:#333'>(1) ヒラギノ角ゴ Pro W3 使用フォント (エントリー内ではstylesheet内で ' を使用するとエラーとなり、カナ漢字のフォント名では表示されず)</font>
<font style="font-family:'ヒラギノ角ゴ Pro W3';font-size:10pt;color:#333">(1) ヒラギノ角ゴ Pro W3 同上の理由でエラー</font>
また、(注 1) "arial" や "Osaka-等幅" は誤りで、正しくは、"Arial", "Osaka-等幅" とのことです。
参照ページ ⇒ http://aor.ktplan.jp/fonts/cssfonts
以下は他の参考フォント
MS UI Gothic 使用フォント
Trebuchet MS 使用フォント
OK ⇒ Osaka Tohaba 使用フォント エントリ内では、漢字名はエラーとなります ⇒ Osaka-等幅
パソコンの環境によっても異なります。
参照ページ: ヒラギノフォント
http://www.screen.co.jp/ga_product/sento/index.html
Blogの掲示板化 [BBS]
メールによる投稿は携帯メールのみ許可されている。
タイトルは文字化け、So-net blog共通のテーマに自動登録・・などいくつかの問題があるので、管理者が編集することとした。
よって、初回投稿時、 Re> New Comment に統一した。
サンプル・解説ページ:
本ページ および http://www.osbsd.net/archives/000057.php






