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で質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/02 10:20
- PHP Postgresの特定のカラムからスペースを取る方法 1 2023/02/22 13:18
- PDF C#でfloatを整数部、小数部とも桁数固定で文字表示したい 2 2022/07/28 09:37
- iOS これは日本語入力の大発明ですか? 7 2022/12/21 07:17
- InternetExplorer(IE) Microsoft edgeのIEモードを解除したいのですが。 3 2023/04/09 13:51
- Excel(エクセル) 【VBA】ファイルパスに半角スペースが入ると、VBAが動かない 5 2022/08/04 20:52
- Android(アンドロイド) 海外のAndroid 端末の場合、日本語全角は、どう表示されるのでしょうか? 1 2022/10/02 21:16
- Excel(エクセル) 【関数】ハイフン(-)を月や日に変えたい。スペースを削除したい。 4 2023/07/12 08:49
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/01/12 09:24
- Excel(エクセル) エクセルでのデータの統一に関して リストを作成する際、元データをコピペでリストに転記しており、元デー 2 2022/08/31 15:33
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<table>の高さ固定。情報増加時...
-
リストマーカーをボックス内に...
-
画像にリンクを張ると画像がず...
-
番号付きリスト(<Ol><Li>・・...
-
ボタンを横に並べて表示させる方法
-
リンク文字同士の間隔を開ける...
-
htmlで行頭を下げる方法
-
透明のボックスにリンクを貼りたい
-
liタグの中に<p>タグやら<dl>を...
-
css ol liにdisplay:inlineを設...
-
ulとliで囲った文字の一部を変...
-
リストの数字のフォントサイズ...
-
jQuery-もっと見るボタンをスマ...
-
bxsliderの画像が左によってしまう
-
html/cssの、navを2段にする...
-
<ul><li></li></ul>にするメリ...
-
CSS「table-cell」で横並びにし...
-
Dreamweaverで、ul要素の下に写...
-
リストタグを用いた段組みメニ...
-
記事の最後の次のページ、前の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
liタグの中に<p>タグやら<dl>を...
-
<table>の高さ固定。情報増加時...
-
レスポンシブWebデザインでリン...
-
html/cssの、navを2段にする...
-
リストの数字のフォントサイズ...
-
divタグ内のコンテンツが重なっ...
-
<ul><li></li></ul>にするメリ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
リンク文字同士の間隔を開ける...
-
<ul>~</ul>が二つ続くと間に改...
-
ulとliで囲った文字の一部を変...
-
番号付きリスト(<Ol><Li>・・...
-
display:table;を多段表示させたい
-
ボタンを横に並べて表示させる方法
-
html <li>の中の文字一部に色を...
-
CSS質問:大手サイトを見ると何...
-
html <ul></ul>の並びで一行空...
-
Tableの1セル内に画像・テキス...
おすすめ情報