HTML/CSS のどんな質問にも優しく答えるスレ 34
レス数が950を超えています。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 >>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対応もかなり効果あった >>915
SEO業者に話を聞いたけど、結構心が痛むと言っていたわ
>>916>>917
HTMLの正しい文法とgoogleがどこまで解釈するかはかなり異なる
ぶっちゃけgoogleはページ内のテキストをかなり解釈してくれる
h1、title、descriptionは、他の文章に比べて少し重みを加えて解釈する感じ
h1を前提にページの内容を解釈はしていない
全部h1で作ったり、h1無しで作ったことがあるから何となく分かる、あまり大きい影響はない。
ただ良い影響は無い
あと構造化データは検索結果の表示を変えるのが主な役目だと思う
検索順位というより、クリック率に影響すると思う
めんどくさすぎるのでやってないから知らんけど
https://www.akindo2000.net/blog/structured-markup/ SEOの結果を抜きにしてもSEO意識して構文や構造をきちんと考えて書くことでそれ自体がコーディング規約みたいになってきれいなコードになる
あとあとメンテナンスや変更で触る時に昔の自分のコードや他人のコード見ても「うわなんじゃこりゃ」とはならずわかりやすくなってる youtubeの動画にCSSでフィルターすることはできますか？ >>921
基本的には無理
上にopecity書けた要素被せる程度
apiがあればjsから操作できるかも知れない 上にかぶせるというのはページ全体にフィルターということでしょうか >>918
AMPで見た目ほぼ同じに作ったのに使われなかった悲しい過去がある… >>923
ごめん、上に被せるのは間違い。操作できなくなった
iframeにopacityを書けて、下にフィルターとなる色を置くと色の調節が出来る
http://jsfiddle.net/srpvodc0/ ↑回答どうも
フィルターだと濁った感じになりますね
明るさの調整ってできるんでしょうか youtube以外の動画にもフィルター使う方法ってありますか
個別に指定していくしかないんでしょうか
iframe使ってないサイトもあるのかな 全ての要素に同じclassを指定するだけ
めんどくさかったらラッパー使って一括でもいいけど背景にもかかってしまうから後でめんどくさくなる ↑iframeって埋め込みタグですか？
ページを解析してもiframeが見当たらないです
firefoxのusercontentで使いたいのですが ↑いえ、ブラウザでyoutubeを視聴しますよね
そのときに動画にフィルタをかけたいんです
ページ内の解析をしてもiframeはないみたいです >>909
体験上それには同意
h1,h2,h3の順で抜けがないとかな firefoxのコンテキストメニューの背景を変更したいのですが、menupopupではだめなようです
一番外側にあるのがmenupopupに見えるんですが、どう指定したらいいんでしょうか
http://s.kota2.net/1544277950.jpg
背景の白い線？か余白が変更できないです usercontentでbackground-imageの色を変更したいのですが、これが使われている要素はいろいろですよね
background-imageに対しての指定はできないんでしょうか cssのフィルターは文字のコントラストは変更できないんでしょうかね >>941
1色しかないのにコントラストも何もないのでは なんで俺の作るサイトはこんなにダサいんですか？
XPっぽいって言われます
テーブルはそんなにだめですか？ >>943
テーブルのせいだと思ってる時点でダメだと思うよ 属性だけを書き換える事はできますか
<a class></a>
<div></div> 属性だけを書き換える事はできますか
要素は不特定です >>943
CSSフレームワーク使う
WindowsをやめてMacにする
(WindowsのダサいUIセンスに自分が影響されてしまうため) >>946
let arr = document.getElementsByTagName('*');
for (const dom of arr) {
dom.setAttribute("attrname", "value")
} よくわからん挙動しました。
html,css,javascriptから少し遠ざかっていて
最近、勉強し直したのですが、教えください。
sample.htmlをローカスサーバーlocalhostで
実行前：A.jsがscriptタグにある
実行後：A.jsとB.jsとC.jsのscriptタグにある
となっており、sample.htmlにB.jsとC.jsが追加されいました。
※A,B,C.jsはライブラリっぽいやつです。
sample.htmlを実行しすると、sample.htmlが書き直し？って可能なのでしょうか？
ちなみにA.jsの中にB.jsもC.jsの文字列もなかったです。
ありのまま〜のジョジョのAAの同じ心情です。 >>954
>ローカスって？表計算ソフト？
誤字です。xamppのローカルホスト
http://localhost/〜でやりました。 >953
もう少し落ち着いて
javascriptを使ってscriptタグ自体を生成することは可能
phpで書き換えることも可能
原因は複数考えられるので、中身見てみないと分からない レス数が950を超えています。1000を超えると書き込みができなくなります。
