こんにちは。
宜しくお願いいたします。
CSSで以下のコードを書いているときに、同じ結果になりました。
P要素の中にclass="pink"として書く場合と
<span class="pink">としても良いと思うのですが、
P要素を使った書き方のほうが、良いのでしょうか?問題集
Webクリエーター能力検定試験初級 FOM出版にての問題でしたが、こちらでは、
P要素に記述してありました。
SEO的にも良いのでしょうか??
<p><span class="pink">お一人様3,000円</span></p>
違いがおわかりになられるお方がいらっしゃいましたら、宜しくお願いいたします。
失礼致します。
<p class="pink">お一人様3,000円</p>
<h2>特選コース</h2>
<p>旬の味覚をふんだんに使いました。<br>
ボリュームたっぷりのぜいたくなコースです。</p>
<p class="pink">お一人様4,500円</p>
</body>
</html>
No.2ベストアンサー
- 回答日時:
>Webクリエーター能力検定試験
そもそも、私はこの名称にも反対だし、 内容についても反対だ。クリエーターですよ、アーチステックな活動を指す言葉です。
それが、他の人から階級がつけられる。いわば芸術にたいして、その能力に段階をつけるなんて
社会主義国家
そのものの考えだ。例えばイラストレーターにそんなありましたっけ? 私の会社では、その資格無視しています。
本題です。
ちゃんと基礎を学びましょう。SPANはインラインオブジェクトです。Pはブロック要素です。同じスタイルを指定する場合は、注意が必要です。基本は、スタイルは最小範囲で指定する事。
スタイルにも、いくつかの種類がありますね。ポジション(レイアウト)、フォント、行、など他にもありますが、まとめて上位(ツリー構造の)からかける場合と、特定の範囲に限定する場合と。
この違いわかりますか。提示したような文だと、確かにSPANは余計です。それは条件があり、フォントや色、バックグランドが、そのブロックで同じであれば、PにClassを設定すればいいが、そうでない場合、
例えば、例では、Bodyのスタイルが設定されていません。通常設定されていて、全体では10pt blackなどと指定されています。「お一人様」と言うのは注意書きによくにていて、このページで、最も関心がエンドユーザー(客)にはあります。
この場合ボールドにしたり、色を変えるのが通常です。
将来的に、この文字を強調するような事が、必ずでてくると、業務でやる場合、考えておく必要があります。
なので、状況によっては、どっちでもいいのです。これはまさにクリエーターの仕事でもありますが、たいていサイト管理や、ディレクターが決めています。
<ここが肝心>
さらに言えば、スタイルからすると同じでも、DOM的にはぜんぜんちがいます。
例えばClassで price なんて作ってSPANに設定した場合、
getElementsByClassName() とか getElementsByTagName().style...
などと内容を動的に変えるには、意味がないタグが結構重宝します。DIVとかその類のタグです。
これは、いわゆる「Webクリエーター」の範疇ではないが、CGIなどを使う場合特に重要です。つまり、これらを理解していない
クソのクリエーター
は、うちでは雇いません。サーバーサイドスクリプト+クライアントサイドスクリプトを全体的に勉強してください。
デザイナーに成るのか、Web開発者(アプリ開発者)になるのか、道は違いますが、どちらの領域も現在必要です。
特に、業界が成熟してきて、分業になればなるほど、両方を理解すると、顧客や、スポンサーからは重宝されます。これはよく、野球のピッチャーとバッターの関係に似ています。
0909union 様
詳しく書いてくださいまして、ありがとうございました。
>Webクリエーター能力検定試験
スクールに通っておりますが、スクールお薦めのようです。たしかにイラストレーターにはありませんね。資格の乱立の弊害でしょうか、、、。しかしながら試験は受けます。
>この場合ボールドにしたり、色を変えるのが通常です。
>将来的に、この文字を強調するような事が、必ずでてくると、業務でやる場合、考えておく必要があります。
おっしゃるとおりです。なにか入ることを考えていても良いですし、後々考えても良いのですね。
>は、うちでは雇いません。サーバーサイドスクリプト+クライアントサイドスクリプトを全体的に勉強してください。
>デザイナーに成るのか、Web開発者(アプリ開発者)になるのか、道は違いますが、どちらの領域も現在必要です。
はい、勉強致します。
まだまだ、そのようなところまでは時間がかかります。HTML+CSSの途中でした。
現在は分業が進んでいて、もっともっと専門化されるのでしょうね。
サーバーサイド今のうちに、勉強しておきます。
ありがとうございました。
失礼致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
idの中のid指定
-
外部css定義したclassをht...
-
個別にリンクの色を変える方法
-
CSSの足し算の意味は?
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
透過背景を解除するにはどうす...
-
CSSで下まで背景色を伸ばす方法
-
htmlのid属性って必要なの?
-
webサイト印刷時に特定の画像を...
-
CSSに同じclass名がいっぱい‥。...
-
CSS, リンクの色を一部変えるに...
-
CSSのクラス名・ID名の指定でワ...
-
FC2掲示板をトピック一覧表示型...
-
スタイルシートで、id属性の中...
-
サイトにjQueryが使用されてい...
-
p要素にclassとspanでclass適応...
-
htmlの文字が縦書きになる
-
「諸要素」とはどういう意味で...
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
htmlのid属性って必要なの?
-
最近、HTMLのヘッダーをIDで定...
-
HTML要素のid/class名の長さに...
-
CSSに同じclass名がいっぱい‥。...
-
liリストタグの背景色に色がつ...
-
CSSのクラス名・ID名の指定でワ...
-
サイトにjQueryが使用されてい...
-
ページの左右の余白(枠外)に...
-
CSS, リンクの色を一部変えるに...
-
透過背景を解除するにはどうす...
-
<span>で2重にかけているものを...
-
idの中のid指定
-
display:table-cell内でこんな...
-
CSSが効かずどのように指定すれ...
-
スタイルシートで、id属性の中...
-
【VBA/HTML】IE画面内のページT...
-
brにクラスをつけてcssでdispla...
-
外部css定義したclassをht...
-
CSS内で使われる山括弧の意味が...
おすすめ情報