No.1ベストアンサー
- 回答日時:
>例えば動物は動△物△(△は全角スペースです)としています。
HTMLにおいては、決して・・もっとも行ってはならない手法です。目の見えない人の読み上げブラウザは、間を区切って読みます。検索エンジンにも意味が伝わりません。データの再利用が出来ません。
★14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
★構造とプレゼンテーションの分離 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
★HTMLの略歴 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
などをよくお読みください。
[HTML]
<table summary="td:justfy">
<tbody>
<tr class="letter-spacing">
<th>letter-spacing</th>
<td style="letter-spacing:1em;padding-left:1.5em;">動物</td><td style="letter-spacing:0.5em;padding-left:1em;">微生物</td><td style="letter-spacing:1em;padding-left:1.5em;">植物</td><td style="padding-left:0.5em;padding-right:0.2em">水生動物</td>
</tr>
<tr>
<th>normal</th>
<td>動物</td><td>微生物</td><td>植物</td><td>水生動物</td>
</tr>
</tbody>
</table>
{CSS}
table{border-collapse:collapse;border:solid 1px gray;}
th,td{border:solid 1px gray;}
td{width:4.5em;}
tr.letter-spacing td{padding:0;letter-spacing:0}
なお、tdで使用するfont-familyをmonospaceに指定しておくと、良いかもしれません。
いつもご丁寧に有り難うございます。
以前に半角スペースはHTMLで特別の意味を持つと聞いたので、
そういう場合は全角にするものだとばかり思ってました・・・
先方から全角スペース付きでデータが送られてきます。
widthで行うべきですか。ウーン、どうしよう。
No.4
- 回答日時:
10進数での数値文字参照は、実体に置き換わるようなので
<h2>等幅フォント</h2>
<ul style="font-family:monospace;">
<li>Word Joiner (⁠■⁠■---)
<li>Ideographic space ( ■ ■---)
<li>Zero width no-break space(■■---)
<li>en space ( ■ ■ )
<li>em space ( ■ ■ )
<li>thin space ( ■ ■ )
<li>zero width non-joiner (‌■‌■‌)
<li>zero width joiner (‍■‍■‍)
<li>left-to-right mark (‎■‎■‎)
<li>right-to-left mark (‏■‏■‏)
</ul>
<h2>プロポーショナルフォント</h2>
<ul style="font-family:sans-serif">
<li>Word Joiner (⁠■⁠■---)
<li>Ideographic space ( ■ ■---)
<li>Zero width no-break space(■■---)
<li>en space ( ■ ■ )
<li>em space ( ■ ■ )
<li>thin space ( ■ ■ )
<li>zero width non-joiner (‌■‌■‌)
<li>zero width joiner (‍■‍■‍)
<li>left-to-right mark (‎■‎■‎)
<li>right-to-left mark (‏■‏■‏)
</ul>
これでおかしいなら、&を&に変換する。
No.3
- 回答日時:
スペースの種類ですが、HTMLでは、空白文字は
【引用】____________ここから
HTMLでは、次に挙げる文字だけが空白類文字であると定義される。
・ASCIIスペース ( ) no-break space 折り返し禁止の空白
・水平タブ (	)
・書式送り ()
・ゼロ幅スペース (​)
行区切り類もまた、空白類文字である。
ここで、
 及び 
 が[ISO10646]では行や段落を明確に分離するものと定義されているが、HTMLでは行区切り類に含まれないし、更に本仕様は両者を空白類文字一般にも含めないという点に、注意されたい。
本仕様は、ここに空白類文字と明示的に定めたもの以外のスペース文字類については、レンダリングその他の挙動を示すことはない。この理由から、著者は、空白類を含む視覚的整形効果を及ぼすためには、
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
スペース類文字ではなく適切な要素あるいはスタイル指定を行う必要がある。
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[9.1 空白類( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
上で言う「視覚的整形効果を及ぼすために使えないスペース類文字」とは下記のものです。
(数値文字参照16進 数値文字参照10進 文字実体参照)の順
・Word Joiner (⁠ ---)
・Ideographic space (𒊈   ---)
・Zero width no-break space(#65279;  ---)
・en space (   
・em space (   
・thin space (   )
・zero width non-joiner (‌ ‌)
・zero width joiner (‍ ‍)
・left-to-right mark (‎ ‎)
・right-to-left mark (‏ ‏ ‏)
よって はMと同じ巾の空白と言うことですから、やはり文字の間隔調整には使えません。
これらの視覚効果は書きソースを表示してみると良いでしょう。
<h2>等幅フォント</h2>
<ul style="font-family:monospace;">
<li>Word Joiner (⁠■■---)
<li>Ideographic space ( ■ ■---)
<li>Zero width no-break space(■■---)
<li>en space ( ■ ■ )
<li>em space ( ■ ■ )
<li>thin space ( ■ ■ )
<li>zero width non-joiner (‌■■‌)
<li>zero width joiner (‍■■‍)
<li>left-to-right mark (‎■■‎)
<li>right-to-left mark (‏■‏■‏)
</ul>
<h2>プロポーショナルフォント</h2>
<ul style="font-family:sans-serif">
<li>Word Joiner (⁠■■---)
<li>Ideographic space ( ■ ■---)
<li>Zero width no-break space(■■---)
<li>en space ( ■ ■ )
<li>em space ( ■ ■ )
<li>thin space ( ■ ■ )
<li>zero width non-joiner (‌■■‌)
<li>zero width joiner (‍■■‍)
<li>left-to-right mark (‎■■‎)
<li>right-to-left mark (‏■‏■‏)
</ul>
再度の詳しい回答有り難うございます。
前のお礼に書きましたがデータは向こうから送られてきます。
向こうの考え方では、列幅がだいたい全角4字分の長さで
確保されていればいいという考え方のようです。
見た目そこそこなら良しとしているようです。
widthで対処できましたから、そちらでやりますけど。
No.2
- 回答日時:
全角スペースの代わりに ではダメでしょうか?
HTMLにおいて、「英語や日本語などの文法で空白を意味する文字はいわゆる半角スペースと同じ扱いとする」という文書をどこか(W3Cサイト内)で見たことがあります。
これをそのまま実装するとブラウザのサポートが大変なことになると思いますので、実装していないブラウザの方が多いと思いますが。
を日本語文章の中で使用すると「日本語の文法」として間違うことになります。
AAや私的文書では問題ないと思いますが(私はそこまで文法に厳格ではありませんので)、
この文字()は、アラビア語か何かの外国語で、空白が入る単語の空白部分を表現するための文字ですので、「二ュ一ス」(カタカナで「ニュース」と書くのではなく、漢数字の二、一を使用)とするような物です。
 をどこで使わなければならない文字かという記述が見当たらないため、おそらく全角スペースの代わりとして使っても、問題はないと思います。
ご回答どうもです。
 というのは初めて聞きました。
でも今回は使えそうにありません。
全角スペースにしたのはレイアウトを
均一にしようとした向こう側の判断です。
widthで解決できるみたいですから、
そちらで対処したいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html/cssの、navを2段にする...
-
<ul><li></li></ul>にするメリ...
-
隙間をなくすには?
-
ulとliで囲った文字の一部を変...
-
リストマーカーをボックス内に...
-
jQuery-もっと見るボタンをスマ...
-
html css マークアップについて
-
ローカルナビゲーションのマー...
-
円形の配置にするコーディング...
-
divタグ内のコンテンツが重なっ...
-
番号付きリスト(<Ol><Li>・・...
-
ナビゲーションバーを端まで伸...
-
既存のメニューにプルダウンメ...
-
htmlの<ol>タグで、数字などを...
-
CSSでこんな感じにしたい
-
HTMLタグ リストの入れ子とNet...
-
フレームページのドロップダウ...
-
ページを開いているときのリン...
-
アンカーにクラスを適用しての...
-
テーブルを使わない段組みで
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
html/cssの、navを2段にする...
-
リストマーカーをボックス内に...
-
リストの数字のフォントサイズ...
-
<ul><li></li></ul>にするメリ...
-
ulタグやliタグの中でbrタグ...
-
レスポンシブWebデザインでリン...
-
<ul>~</ul>が二つ続くと間に改...
-
HTML5のfooterに見出しを付けて...
-
htmlの<ol>タグで、数字などを...
-
ulとliで囲った文字の一部を変...
-
番号付きリスト(<Ol><Li>・・...
-
HTMLで組織図を作成する方法
-
複数行にまたがる括弧を表示し...
-
liタグの中に<p>タグやら<dl>を...
-
display:table;を多段表示させたい
-
divタグ内のコンテンツが重なっ...
-
<table>の高さ固定。情報増加時...
-
html <ul></ul>の並びで一行空...
-
テーブル内のプルダウンの下に...
-
【至急】ul li 行間調整ができ...
おすすめ情報