No.3ベストアンサー
- 回答日時:
>文字をボックスで囲うことができるタグは?
とてもとても大事なところを誤解されている。今後の成長のためにぜひとも身につけておいてください。
HTMLは文書構造、スタイルシートはそのプレゼンテーションを指定します。
『構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
と言われます。
すなわち、
<p>今日は<a href="#hare">晴れ</a>です</p>
とは、#Hareで示されているところにリンクするアンカーが、「今日は・・・す」という段落内にあるというマークアップです。どのように表示するかはHTMLにはまったく無関係です。
★それが、段落の前後で改行され余白が取られ、a要素にアンダーラインが引かれも辞職が変わるのは、ブラウザがもつスタイルシートによるものです。
★スクリーンリーダーだと、段落の前後で一呼吸置いて読まれたりするでしょう。
<p></p>はブロック要素で、内部に行内要素しか置けません。
ブロックレベル要素と行内要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
<!ELEMENT P - O (%inline;)*( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
よって・・
フレーズ要素: EM、 STRONG、DFN、CODE、SAMP、 KBD、VAR、CITE、ABBR、及び ACRONYM要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
と、<a>要素、<span>が置けることになります。それぞれの使い道はリンク先を確認。
spanは、他の要素では文書構造を表すのに不十分な時に『id属性及び class属性と併用することで、文書に構造を付加』するために使います。
<span class="mark">ここは他所から参照されるかもむ・・</span>
そのうえで、
em{
background-color:yellow;
padding:0.5em 1em;
font-style:normal;/* ブラウザのデフォルトは斜体なので */
}
とかすればよい。基本的にはdisplay:inline-block;はここでは書かない。
display:inline-block;は、本来は行内要素でないブロック要素やリスト項目要素などを、行内ブロックにプレゼンテーションするときに使用する。
No.4
- 回答日時:
htmlはタグを用いてその語句に意味を与えます。
ご存知のように、pは段落を意味し、aはリンクを意味します。
従って、ボックスとして囲みたい文字がどのような意味を持つのかでマークアップすることをおすすめします。
たとえば、その語句を強調したいのであれば、strongやemが有効です。また、特に意味を与えたくない場合、あるいは意味がないことを明示的にするにはspanなどを用います。
また、他の回答者さんと意見が分かれますが、html5からはブロックレベル要素、インラインレベル要素の隔たりがなくなりました。つまり、ブロックレベル、インラインレベルは装飾(CSS)だけの問題であって、HTML構造的には意味を持ちません。たとえば、aタグの中にpタグを入れることができます。他の回答者さんと真逆のことを書いていますが、他の回答者さんはおそらくXHTMLについて述べられていると思います。HTML5はまだ勧告の状態ではありますが、個人的にはXHTMLはもう古いのではないかと思います。
No.2
- 回答日時:
inline要素のタグすべてで、一応は可能なはずですが……。
ふさわしいのは、晴れの位置づけで変わります。何故晴れをボックスで囲う必要があるのでしょう?
強調したいなら
emか strong
強調したいわけではないが、目印とかなら
span
が、いいかな?
strongならデフォルトは太字になるので、cssにfont-weight:normal;等をたす方がいいと思います。
他の要素もデフォルトの装飾をcssで消せば、OK。
一応、inline要素の紹介をすると。
主なインライン要素。
http://www.marguerite.jp/Nihongo/WWW/HTML/Terms. …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
含む含まないという概念自体の...
-
質問1.
-
「諸要素」とはどういう意味で...
-
【ヒトの神秘】美男美女から何...
-
2個のFormを横並びにしたい
-
smallにtext-allignが効かない
-
textareaの幅を画面と合わせたい
-
現行の日本国憲法の古い所を教...
-
双方向リスト
-
HTMLページ上でiframeを最前面...
-
シュタイナー学校・宗教との関連性
-
メールアドレス(グループ)の...
-
<textarea>に<pre>を使うと・・・
-
ある要素の中身を全部グレーア...
-
emとstrongの反対
-
初歩的な質問です。<div>のwidt...
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
widthやheightの数値に単位(px...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
現行の日本国憲法の古い所を教...
-
質問1.
-
このサイトのカテゴリのチェッ...
-
改行ほどは行かないけど、若干...
-
「諸要素」とはどういう意味で...
-
CSSで改行後の行間調整
-
NからZへの全単射を具体的に構...
-
html タグの閉じスラッシュ前の...
-
ある要素の中身を全部グレーア...
-
input type="hidden"で取得した...
-
textareaの幅を画面と合わせたい
-
角丸画像の背景色を透明にした...
-
テキストボックスの中にリンク...
-
CSSのa:hoverが急に一部だけ効...
-
H1タグを画像にしたい
-
HTMLでTextareaを横に2つ並べ...
-
imgタグをそのまま使うことは正...
おすすめ情報