HTML/CSS のどんな質問にも優しく答えるスレ 34
レス数が900を超えています。1000を超えると表示できなくなるよ。
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 33
http://mevius.5ch.net/test/read.cgi/hp/1531279252/
■関連スレ
Webサイト制作初心者用質問スレ part249
http://mevius.5ch.net/test/read.cgi/hp/1529144063/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html >>818
確かに中点が消えてしまってること以外についてはまさしくそれです
その状態から中点を復活させることが出来たら最高なのですが… >>820
そんなその場しのぎの中点は不適切です
中点以外に○や■を使うことだってありますので。 >>821
どれかを諦めるしかないねぇ
display:flexを使わずにこれを組むならaとspanのheightかline-heightを決め打ちするしかない
中黒はdisplay:list-itemに付くものだからflexとの併用は不可能
後はdivかますかね
https://codepen.io/anon/pen/PxVmqv
ださｗ >>822
ありがとうございます。
現状>>822がベターっぽいですね htmlもCSSもJavaScriptもちゃんと整備したのになんでワイのサイトは中身がないんや？ お前が内臓詰まってるのに中身がない男と言われるのと一緒。 少しでもいいから毎日続けるのが大事
毎日1ページ書けば一年後には365ページだ >>825
そりゃ鍋と包丁と食材だけ買っても
おいしいごはんにはならんのと同じじゃ いやその場合、鍋と包丁とフライパンがあって食材がないんじゃ いや、食材もあるけどレシピがないから自分流で適当に作ったらものすごくまずくなったパターン まとめると酒・ギャンブル・女を経験して人生勉強をつめば、サイトも中身がしっかりつまったいいものができる たった3つのことをするだけで、
思ったことが自然に英語で口から出てくる
ようになるのです 唐辛子を練り込んだ繊維の痩せるTシャツ
のサイトなら作ったことあるぞ >>844
むしろ痛かったら良かったんだけどな
少なくとも成分は有るってことだから
笑えるくらい売れなかったなあ、販売主は父ちゃんだったんだが( ；∀；) >>846
痩せるのがコンセプトなのに
痩せるって書けないし
本当に痩せない商品の広告作る気持ちわかって( ；∀；) htmlとjavascriptの勉強に、webサイトのソースもうとしてるのですが、
divタグの中にdata-sesid=とdata-base=っとのが出てきました。
<div id="" data-sesid="" data-base="">
data-sesid=とdata-base=なんかありましたっけ？
検索しても何も引っかからないから、さっぱりわかりません。
教えてくだい。 >>852-853
>カスタムデータ属性
初めて聞きました。勉強してきます。
ありがとうございました。 テキストボックスの背景色って、特殊な指定をしなければいけないんでしょうか
firefoxのサイドバーの検索ボックスなんですが、なぜか色が変わりません
textbox#search-box{background-color:red !important;} >>857
textboxというタグはありません
input[type＝text]かid(class)のみで指定してください よくある２段組み構成で質問です。
<header></header>
<div id="container">
<div id="contents">
記事本文
<aside>広告</aside>
記事本文続き
</div>
<aside>
サイドバー
</aside>
</div>
#contentsのタグをarticleかmainにしたいのですがどちらが妥当でしょうか？ 広告が<aside>でいいかは知らん
後、まぁ全部divでも対してSEOに影響ないよ
<header></header>
<main>
<article>
記事本文
<aside>広告</aside>
記事本文続き
</article>
</main>
<aside>
サイドバー
</aside> どうも、SEOよりdivを減らそう＝Ｆ12で見やすくという目的です
mainとarticleの片方より両方あったほうがいいのでしょうか？ HTMLのタグごときでSEOになんてならないから
SEOがどうとかいうのは全て嘘だと思って構わん そうだよ。SEO的（笑）にはそれでも全然違いはない
いい加減詳しくない人相手ににSEO詐欺するのはやめろってこと >>869
アウトラインを視覚的に表示するツールを使え
アウトラインをどうしたいかで決めろ >>867
10年前くらいからたまーにいじって確認してるけど
あんまり検索順位に変わりないなあ
<title>と<div>と<a>と<img>だけのサイト Webアプリだと記事とかあんまないからarticleは使わないなあ mainは1回、article下ダメとか明確なことはともかく使い分けはよくわからんなあ >>867
そう。SEOが必要ないgoogleはほぼ全てdiv
>>869
デザインにこだわりがない場合、
アウトラインに従うと作る時になんも考えなくていいから超楽
こだわりがあるなら全部divでもいい HTML5になって数年たつけど
テンプレで仕込んである以外でarticle、aside使ってるサイトってあんまないよなぁ >>877
アウトラインめんどくさいんだよ
見出し付けるとどうしてもおかしくなる場面が出てくるから、
じゃあもうdivでいいやってなる WordPressの最新デフォのTwenty Seventeenも
>>864さんのように<main><article>で括ってるから
一般的にはそれで間違いないでしょ 数年じゃそんなもんよ
門書に当たり前のように載って、かつ今の現役が引退する頃にやっと普及を始める
HTMLに限らず、言語仕様なんてそんなもんだ <main hidden>とかもいつか日の目を見る日が来るんかね
あまりメリットを感じないけど >>877
ちょっとでも同じパターンが繰り返すときは使うなあarticle なぜSEO的にタグの違いの効果がないのかと言うと
一つは重要なタグが検索を歪めるために不正に利用されてしまったために
重要なタグを重要としてみなすことが、マイナスの効果をもたらすようになったから
そしてGoogleの目的は適切なコンテンツを見つけやすいようにすることなわけで
タグを間違って使っていたとしても、コンテンツの質とは無関係なわけで
特定のタグを重要視する意味がないことに気づいた。これが二つ目の理由 まあ開発スピードを優先すべきだとは思うけど、綺麗に書くのに越したことはない たとえ効果無くてもSEO意識して書くと後からみた時にすげー見やすい
SEOどうこうは好き勝手に書くアホを戒めるための物だと思う SEOはSEO業者（笑）がSEO施工（施工ってなんだｗｗｗ）することで
検索順位が上がりますよ（そんな根拠はない）といって
無知な中小企業から金をぼったくるためのものだろｗ 施行はしこうと読んだりせこうと読んだりする。
世論もよろんと読んだりせろんと読んだり。
上記はどちらで読んでも意味が変わらない単語だが、読みで意味が変わる単語もある。
かっこいい例が思い出せないが、簡単なものなら上手とか。 SEO会社とやったことあるけどdivをulにしろとかロゴはbackgroundじゃなくてimgにしろとか細かかったな
SEOとは別かもだけど構造化データとかrole属性とかどこまで意味があるんだか 構造化データはgoogleの検索結果用じゃないのか HTML5が始動しめの頃、
h1タグ複数OKがGoogle側に認識、対応されてなかったろ
たぶん今もされてないと思ってる
それとレスポンシブ前のスマホサイトは別で作るのが主流だった頃も
重複ｌコンテンツとみなされてたろ
しってるんだぞ >>890
＞h1タグ複数OK
これはマジでトラウマ
全部作り直したゾ・・・ え、グーグルだと同一ページにh1が重複したらダメなんですか >>892
html5！何も考えずに全部h1だーｗｗｗわーいｗｗｗ
→全ページ整合性考えながらの見出し付け直し
持ち上げてから落とされると結構キツイんだ、これが <section id=“@1“>
<header>@1</header>
</section>
<section id=“@2“>
<header>@2</header>
</section>
<section id=“@3“>
<header>@3</header>
</section>
みたいにheaderって1ページで複数使ったらダメなんですか？ >>895より正確に書くと
<section id=“@1“>
<header><h1>@1</h1></header>
</section>
<section id=“@2“>
<header><h1>@2</h1></header>
</section>
<section id=“@3“>
<header><h1>@3</h1></header>
</section>
みたいにheaderの中にh1入れまくって1ページで複数使ってるのですが >>897
文法違反ですら無いんだから問題ないって言ってる header, footerはたまに複数書く
h1は一個、h2はたくさん書いてる >>897
>>900が正解
すぐ上にh1にしてバカをみた話があるじゃん
当時はわざわざh1につくりなおすバカまでいて笑ったわ w3cが仕様を新しくしたところで
肝心のGoogleが対応する気が無いとダメだよな
勝手に「今度からh1は複数OKにするからヨロシク！まだ草案だから変わるかもしれんけどね」とか言われて
その他仕様も期日も他人に決められてさ
Googleはわざわざ無償で頑張るかな？
自分なら菓子折もって挨拶に来られても「あらら、そうですか。じゃあ手が空いたら後でやっときますよ」
くらいの対応になるわ >>903
そうならないように、実質google他ベンダーの変更をW3Cが受け入れるという流れになっている >>904
WHATWGやブラウザの開発部署と検索エンジンの開発部署は別な気がしてさ・・ >>897です
皆さんありがとうございます
h1をh2に直します で何度も言うように、SEOなんて意味がないから
h1でもh2でも複数あっても、なんの効果もない とっかかりがbootstrapだったので構文というものを全く理解せず制作していましたが
最近になってcds gridでグリッドレイアウトができることを知り、セマンティックウェブをちゃんと勉強したいと思うようになったので質問させていただきました。
ありがとうございます さすがにh1とdescription、title辺りは影響あるよ
順位というより、検索結果の表示が変わる可能性がある たしかに構文全く正しくないdivだらけのbootstrapと他スニペットまみれのサイトでもgoogle検索で上位になっているので構文は気にしなくていいのかもしれないですが、リニューアルを機にちゃんと中身の見栄えも良くしたいと欲が出てしまいました
ただhttpsにすると検索上位から落ちるとかも見て少し心配ではあります ちゃんと勉強したいのなら正しいことを知るべき
まず1ページにh1が複数あってもHTMLの仕様的に
正しいし対応していないブラウザはまず無い
Googleも（最初から）複数のh1に対応しているし
（ずっと前から）h1が複数だろうがh2に変えようが
ランクに影響を与えることはない
騒いでるのはSEO業者だけ。
h1はもとから複数あってもいいのに、
馬鹿なSEO業者が、h1は一つしか書かないほうがいいのだ（根拠なし）と言ってるのをみて
Googleが「馬鹿だなぁ、何回書いてもいいのに」と訂正してるだけ
もちろんこれは今も変わってない
HTMLの仕様も今も変わってない。ただ古いブラウザで対応してないかもしれないから
使わないほうがいいと言われてるだけ。だがそんなブラウザは現存しないだろう
そして馬鹿なSEO業者だけが、大慌てで書き直してる
何も変わらないのに、自分の妄想で生み出した大きな影響があるというデマに
振り回されてる。 だいたいどういうタグが適切なのかは、意味によって決まるのに
タグだけ書いてだめですかってわかるわけ無いだろ
セマンティックウェブをちゃんと勉強したいなら、
タグの使い方じゃなくて、どういう意味にしたいのかをちゃんと自分で考えろ
タグをどうするかはその後だろ >>899
かけられます
z-indexとbackground-coler:rgb()で透過いけます >>911
・googleが気を利かせてるから大体は大丈夫
・ただ個人的には好ましくないと思う
https://asobism.com/archives/154
SEOに過度に敏感になる必要はないけど、
気にする余裕があるなら合わせておくぐらいはやってもいいと思う >>911
> 馬鹿なSEO業者だけが、大慌てで書き直してる
> 何も変わらないのに、自分の妄想で生み出した大きな影響があるというデマに
> 振り回されてる。
違う違う。SEO業者がなにで稼いでるのか考えろよ。
h1が複数使われていると検索結果が悪くなりますよ。急いで直さないと大変なことになりますよ。さあSEOやりましょう、お任せください！で製作費で金取るんだぞ。
製作後の検索結果が良くて儲かるわけでも、悪くて金払ってもらえないわけでもない。（払わなかったら裁判で100%勝てると言う意味）
https://ja.m.wikipedia.org/wiki/FUD
全然慌ててない。大喜びでどうでもいい部分を直してる直してる。
どのように変更するかはどうでもいい。元と違っていることが重要。
作業の証拠になる。
デマに振り回されてるのではなく、デマで振り回してる。 >>911
HTML4の時はさすがに複数はダメと思ってたが
あくまでしきたりだったんだな >>914
ミューラー氏の回答でさ、
>最も重要な見出しが<h1>タグになってさえいれば、
ってあるけど複数h1だとどれが最も重要かを伝える為には
アウトラインで明示する必要でてくるじゃん
やっぱ構造化は必要やないのけ？ 余裕があるならするに越したことない。
AMP対応もかなり効果あった レス数が900を超えています。1000を超えると表示できなくなるよ。
