176541514 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

あなたのブログをきれいにする方法教えます~ブログデザイナーヒナによるブログデザインQ&A~

あなたのブログをきれいにする方法教えます~ブログデザイナーヒナによるブログデザインQ&A~

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
2005年04月05日
XML
カテゴリ:web制作
こんにちは。今日も、いただいたご質問の回答を書いてみます。

<ご質問>miki285さん
ひなさんのように、日記にタグを文字列のまま表示する方法をお教え下さい。
自分のタグのエラーの間違いを、他の人に指摘してもらうために、のせようとしたけれど、文字列として表示できなかったため、ホームページビルダーで新しいページを作って、そこに表示しました。(2005.04.07 09:02:58)

いつもありがとうございます。

たとえば、htmlなどのソースをホームページに書き込もうとして、このようなソースを投稿したとすると

<span style="color:green;">グリーン</span>


グリーン

こんな風に、表示されてしまいます。
タグが解釈されて、そのままでは表示できないのです。

では、
<span style="color:green;">グリーン</span>

は、どうやって表示させているのでしょうか。

日記やフリーページで、タグをそのまま表示するには。
< を表示するには、&lt;(アンドltセミコロン)すべて半角で書く
> を表示するには、&gt;(アンドgtセミコロン)すべて半角で書く

と書きます。

まとめて書くと、
&lt;span style="color:green;"&gt;グリーン&lt;/span&gt;

このようなかんじです。

ほかにも、ブラウザ上でそのまま表示できない文字「特殊文字」が、いくつかあります。

一覧が、こちらのサイトにまとまっていて大変見やすいので、その他の文字を参照されたい場合は
特殊文字リファレンス」をご覧ください。


しかし、< をいちいち、&lt; と書き換えるのは面倒です。
エディタなどを使って、置換すればいいのですが、やりかたがわからない、エディタがない、という場合。

無料で使える便利なHTML作成支援ソフトをご紹介します

Kraft Works」で提供されている、「alphaEdit」というソフトです。(高機能の有料版もあります。)

この「WYSIWYG」画面に、ソースをはりつけ、「HTMLソース」タブをクリックすると変換されたソースが表示されます。


↑このソフトは、まだ使い込んでいませんが、HTML作成ソフトとしても、すごくよさそうです。

もうちょっと、ホームページを作るのに使ってみたりして、使用感を確かめたいと思ってます。


【 ★今日の日記はいかがでしたか? お役に立てましたら、一日一票お願いします♪投票する

日記のFAQ更新情報をメルマガ配信始めましたメルマガサンプルとバックナンバー&配信登録はここをクリックしてください。週2~3回発行です。


【質問募集しまス】

・楽天広場のhtmlで困ったこと、質問があれば、2005年4月はこちらの記事にコメントしてください。自分の日記に質問を書いてトラックバックしていただいてもけっこうです。


【 ★人気ブログランキング参加中。ただいまの順位は?








お気に入りの記事を「いいね!」で応援しよう

最終更新日  2005年04月07日 18時52分27秒
コメント(3) | コメントを書く


PR

キーワードサーチ

▼キーワード検索

バックナンバー

2024年04月
2024年03月
2024年02月
2024年01月
2023年12月

フリーページ

カテゴリ


© Rakuten Group, Inc.