【HTML入門】#08.強調を表す要素と重要を表す要素
HTML-код
- Опубликовано: 29 авг 2017
- 本気で学ぶHTML入門講座8回目は、
強調を表す要素と重要を表す要素についてです。
●公式サイトで見る
creatorquest.jp/lessons/html/...
■目次
・概要と目標 0:25
・強調を表す要素
・重要を表す要素
・em要素とstrong要素を使ってみる
・練習問題
・解答
・まとめ
■強調はem要素で表す
「今だけ送料無料」の「今だけ」の様に、
強調したい場合は、em要素を使います。
emphasisの略で強調を表す要素です。
●カテゴリ
・フロー・コンテンツ
・フレージング・コンテンツ
●コンテンツ・モデル
フレージング・コンテンツ
em要素は、使う場所によって意味やニュアンスが変わるので、
注意が必要です。
また、一般的なブラウザは、
em要素の部分を斜体で表示します。
ただし、em要素はあくまで強調したい部分に
使って下さい。斜体にすること目的の場合は、
CSSで行いましょう。
■重要はstrong要素で表す
「まぜるな危険」のように
重要なメッセージはstrong要素使います。
strong要素は、もともと、より強い強調を
表す要素でしたが、HTML5からは、
重要を表す要素に意味が変更になりました。
●カテゴリ
・ フロー・コンテンツ
・フレージング・コンテンツ
●コンテンツ・モデル
フレージング・コンテンツ
一般的なブラウザは、
strong要素の部分を太字で表示します。
ただし、strong要素はあくまで重要を表す要素なので、
太字にすること目的の場合は、
CSSで行いましょう。
■em要素とstrong要素を使ってみる
適切にem要素とstrong要素をマークアップできるように
なりましょう。
■本気で学ぶ!HTML入門講座
• 本気で学ぶ!HTML入門講座
素材
・CV:さとうささら(CeVIO)
cevio.jp/
・CV:タカハシ(CeVIO)
cevio.jp/
・BGM:甘茶の音楽工房
amachamusic.chagasi.com/ - Хобби
先生とうとう
「なんせ僕は、伝説のWEBクリエイターになる男ですからね」
に反応もしなくなってる笑笑
おかげでHTMLが楽しいです。
先生がよりかわいくなっている
タカハシにはこういう扱いがよく似合う
HTMLが楽しいナリ
よかったナリ
いつも分かりやすい動画ありがとうございます。
強調と重要って意味が似てるのでなかなか使い分けが難しいのですが、
emは特定のワードを強調し、文のニュアンスを限定したい時に使う。
strongは特にユーザーに伝えたいメッセージに使う。
という感じでいいでしょうか?
その解釈でいいと思いますよ
twitterフォローさせて頂きました〜。
質問です。Windowsでデフォルトのフォントを使用するとで挟まれた文字が強調を表す斜体にならないのですが、Windowsではどのフォントを使用すれば最適な表示がされるのでしょうか?
たしかメイリオでは、斜体が表現できません。MS Pゴシックとかであれば、斜体になるかと思います。
かがみもち おれWindowsやけどstrongも機能しやんのやけど
@@CreatorQuest ひほひほはへ日はへはは付保はほはへはは保父ほほは保父ホヒへ日ほはほははほは日は府はほはホヒフフほへほホヒへはほはほはほはほは日はほへはほははは府日保父ほほへ日ほほへはホヒへ保父へ府ははへ保父ほほは屁は破風ほほへ府はへホヒへほはほ付保はほへはほへははほは保父ホヒ日へはほほはへ日へほは付保はほは日ほはほのなへ晴れははははははははなはははははははなはははははははははひはははははぬははなはははははねなはははははははは
うぇ〜ん、Chapter8 のquestが僕だけ空だよぉ〜!これじゃぁ〜練習出来ないから僕だけここから進めないよぉ〜
下線・ハイライトはどう言った時に使うのがいいのでしょうか?
強調では無く、デザイン目的になりますか?
下線を引きたいのがデザイン目的であればCSSですね。
ハイライトは、ハイライトする意味があるなら mark要素というのを使えばいいと思います。
CreatorQuest スッキリしました
ありがとう
誤植報告
2:07 画面の表示が一瞬壊れています。
6:32 同様にバグっています。
使用が変わったのか、やり方が違うのか、斜体にならない
表示されてるフォントファミリーに斜体がない場合は、斜体にならないです。
動画講座は色々ありますが、人の喋り方などが気になってしまう質なので重宝しています。
公式サイトから、分からない箇所を質問するといったことはできるでしょうか?
よかったです。
今の所、質問機能はつけてないのですが、
もっとCreatorQuestが世間に広まって、
必要性が出てきたら将来的につける可能性はあります。
返信ありがとうございます。
そうなのですね…(>
質問機能ついて追記させて頂きます。
まだ、クリエータークエストのサイトには機能として付けないのですが、とりあえずツイッターで@Hiro_Shiva 宛に呟いて頂ければ、出来るかぎりお答えすることにしました。
ありがとうございます!また疑問点などがでてきたら利用させていただきたいと思います。
デザイン目的ならCSSと出てきますが、HTMLでそのように文章の役割をPCに伝える意味ってあるんですか?CSSで全部やってしまえばいいんじゃ?って思ってしまいました。
順をおって動画を見ているのでCSSとかを学べばこの重要性が後から理解できるのかな、、、
Webサイトは目で見てるユーザーだけじゃないので、そう言ったユーザーに対しても正しく情報を伝達するために適切なタグを知ることが大切だと考えています。
もうよく分からなくなってきたなりよっっっw
質問です。強調されるとはどのようになっていたら正解なんですか。
斜体がある書体で表示されている場合は強調部分が斜体になります。なお、斜体がない書体については見た目は特に変わりませんので、判断が難しいです。
ただしくマークアップされていればきちんと強調の設定が出来ています。
@@CreatorQuest ありがとうございます。ちゃんとできていました。
em要素を使っても強調されてるように見えないです
どうすればいいですか
適用されている書体に斜体がない場合は見た目に変化はございません。正しく記述できておれば大丈夫ですよ。
@@CreatorQuest ありがとうございます