X



HTML/CSS のどんな質問にも優しく答えるスレ 34
レス数が1000を超えています。これ以上書き込みはできません。
0001Name_Not_Found
垢版 |
2018/10/08(月) 11:45:57.53ID:???
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。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
0919Name_Not_Found
垢版 |
2018/12/08(土) 00:37:21.02ID:???
>>915
SEO業者に話を聞いたけど、結構心が痛むと言っていたわ

>>916>>917
HTMLの正しい文法とgoogleがどこまで解釈するかはかなり異なる

ぶっちゃけgoogleはページ内のテキストをかなり解釈してくれる

h1、title、descriptionは、他の文章に比べて少し重みを加えて解釈する感じ
h1を前提にページの内容を解釈はしていない

全部h1で作ったり、h1無しで作ったことがあるから何となく分かる、あまり大きい影響はない。
ただ良い影響は無い

あと構造化データは検索結果の表示を変えるのが主な役目だと思う
検索順位というより、クリック率に影響すると思う
めんどくさすぎるのでやってないから知らんけど
https://www.akindo2000.net/blog/structured-markup/
0920Name_Not_Found
垢版 |
2018/12/08(土) 02:55:45.42ID:???
SEOの結果を抜きにしてもSEO意識して構文や構造をきちんと考えて書くことでそれ自体がコーディング規約みたいになってきれいなコードになる
あとあとメンテナンスや変更で触る時に昔の自分のコードや他人のコード見ても「うわなんじゃこりゃ」とはならずわかりやすくなってる
0921Name_Not_Found
垢版 |
2018/12/08(土) 05:27:13.08ID:???
youtubeの動画にCSSでフィルターすることはできますか?
0922Name_Not_Found
垢版 |
2018/12/08(土) 09:12:51.55ID:???
>>921
基本的には無理
上にopecity書けた要素被せる程度
apiがあればjsから操作できるかも知れない
0923Name_Not_Found
垢版 |
2018/12/08(土) 09:27:45.46ID:???
上にかぶせるというのはページ全体にフィルターということでしょうか
0924Name_Not_Found
垢版 |
2018/12/08(土) 09:49:56.53ID:???
>>918
AMPで見た目ほぼ同じに作ったのに使われなかった悲しい過去がある…
0925Name_Not_Found
垢版 |
2018/12/08(土) 09:51:02.23ID:???
>>923
ごめん、上に被せるのは間違い。操作できなくなった
iframeにopacityを書けて、下にフィルターとなる色を置くと色の調節が出来る
http://jsfiddle.net/srpvodc0/
0926Name_Not_Found
垢版 |
2018/12/08(土) 10:16:45.44ID:???
↑回答どうも
フィルターだと濁った感じになりますね
明るさの調整ってできるんでしょうか
0928Name_Not_Found
垢版 |
2018/12/08(土) 10:45:33.34ID:???
youtube以外の動画にもフィルター使う方法ってありますか
個別に指定していくしかないんでしょうか
iframe使ってないサイトもあるのかな
0929Name_Not_Found
垢版 |
2018/12/08(土) 10:48:13.55ID:???
全ての要素に同じclassを指定するだけ
めんどくさかったらラッパー使って一括でもいいけど背景にもかかってしまうから後でめんどくさくなる
0930Name_Not_Found
垢版 |
2018/12/08(土) 13:29:39.55ID:???
↑iframeって埋め込みタグですか?
ページを解析してもiframeが見当たらないです

firefoxのusercontentで使いたいのですが
0932Name_Not_Found
垢版 |
2018/12/08(土) 16:32:33.87ID:???
↑いえ、ブラウザでyoutubeを視聴しますよね
そのときに動画にフィルタをかけたいんです
ページ内の解析をしてもiframeはないみたいです
0933Name_Not_Found
垢版 |
2018/12/08(土) 16:58:41.19ID:???
videoタグにそのcss当てれば行けたおy
0934Name_Not_Found
垢版 |
2018/12/08(土) 18:04:31.70ID:???
pornhubでもいけた
ありがとうまさよしさん
0935Name_Not_Found
垢版 |
2018/12/08(土) 18:04:52.38ID:???
動画って基本的にビデオタグだけなんすかね
0936Name_Not_Found
垢版 |
2018/12/08(土) 18:19:17.28ID:???
だからGIFがSNS時代に大復活したんじゃん。
0938Name_Not_Found
垢版 |
2018/12/08(土) 19:31:36.28ID:???
>>909
体験上それには同意
h1,h2,h3の順で抜けがないとかな
0939Name_Not_Found
垢版 |
2018/12/08(土) 23:06:44.45ID:???
firefoxのコンテキストメニューの背景を変更したいのですが、menupopupではだめなようです
一番外側にあるのがmenupopupに見えるんですが、どう指定したらいいんでしょうか
http://s.kota2.net/1544277950.jpg
背景の白い線?か余白が変更できないです
0940Name_Not_Found
垢版 |
2018/12/09(日) 13:13:59.56ID:???
usercontentでbackground-imageの色を変更したいのですが、これが使われている要素はいろいろですよね
background-imageに対しての指定はできないんでしょうか
0941Name_Not_Found
垢版 |
2018/12/09(日) 13:35:45.45ID:???
cssのフィルターは文字のコントラストは変更できないんでしょうかね
0942Name_Not_Found
垢版 |
2018/12/09(日) 13:56:40.72ID:???
>>941
1色しかないのにコントラストも何もないのでは
0943Name_Not_Found
垢版 |
2018/12/09(日) 16:28:04.02ID:EXtO1Pyz
なんで俺の作るサイトはこんなにダサいんですか?
XPっぽいって言われます
テーブルはそんなにだめですか?
0944Name_Not_Found
垢版 |
2018/12/09(日) 16:51:08.03ID:???
>>943
テーブルのせいだと思ってる時点でダメだと思うよ
0946Name_Not_Found
垢版 |
2018/12/09(日) 17:16:22.60ID:???
属性だけを書き換える事はできますか
<a class></a>
<div></div>
0948Name_Not_Found
垢版 |
2018/12/09(日) 17:18:56.11ID:???
属性だけを書き換える事はできますか
要素は不特定です
0951Name_Not_Found
垢版 |
2018/12/09(日) 20:42:27.06ID:bC0hzbWq
>>943
CSSフレームワーク使う
WindowsをやめてMacにする
(WindowsのダサいUIセンスに自分が影響されてしまうため)
0952Name_Not_Found
垢版 |
2018/12/09(日) 20:48:57.73ID:???
>>946
let arr = document.getElementsByTagName('*');
for (const dom of arr) {
dom.setAttribute("attrname", "value")
}
0953Name_Not_Found
垢版 |
2018/12/09(日) 21:20:45.67ID:mG6Xx9nR
よくわからん挙動しました。
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の同じ心情です。
0954Name_Not_Found
垢版 |
2018/12/09(日) 21:24:09.24ID:???
ローカスって?表計算ソフト?
0955Name_Not_Found
垢版 |
2018/12/09(日) 21:25:39.68ID:mG6Xx9nR
>>954
>ローカスって?表計算ソフト?
誤字です。xamppのローカルホスト
http://localhost/〜でやりました。
0956Name_Not_Found
垢版 |
2018/12/09(日) 21:33:52.69ID:???
>953
もう少し落ち着いて

javascriptを使ってscriptタグ自体を生成することは可能
phpで書き換えることも可能
原因は複数考えられるので、中身見てみないと分からない
0957Name_Not_Found
垢版 |
2018/12/09(日) 21:45:22.07ID:???
正確にいうと、ライブラリの解読して勉強しよして、自分のローカルにコピペ
意味不明な挙動に遭遇。
これは、htmlとかサーバとかのなんかの機能を使っている?
あるいはjavascriptでやっている?
な状況です。

実行するsample.htmlをviewer_loader_v0.1.9mw_2018-10-09.jsのみscriptタグにあって
viewer_loader_v0.1.9mw_2018-10-09.jsは自分の実力ではすぐには解読できません。
https://d21agqkwgk4jud.cloudfront.net/MW-Common/RS4B/v0.1.9mw_2018-10-09/js/viewer_loader_v0.1.9mw_2018-10-09.js

で、実行して、firefoxで実行時のソースを見ると下記2つがscriptタグに追記されていました。
https://d21agqkwgk4jud.cloudfront.net/MW-Common/RS4B/v0.1.9mw_2018-10-09/js/viewer_image_v0.1.9mw_2018-10-09.js
https://d21agqkwgk4jud.cloudfront.net/MW-Common/RS4B/v0.1.9mw_2018-10-09/js/config.js
0958Name_Not_Found
垢版 |
2018/12/09(日) 21:47:42.74ID:mG6Xx9nR
>>957です
間違ってsageてました
0959Name_Not_Found
垢版 |
2018/12/09(日) 21:49:18.60ID:???
>>957
こんなもん読んでも勉強にはならんよ
追加されてちゃんと動いているなら別に問題は無い

googlemapやSNSボタンなど、htmlが変わる事は普通にある
0960Name_Not_Found
垢版 |
2018/12/09(日) 22:06:59.81ID:???
>>911
なにもわかってなくて長文とかw
お前が書いてること逆だからw
0961Name_Not_Found
垢版 |
2018/12/09(日) 22:09:57.32ID:???
>>951みたいなこというやつが一番ダサイから気を付けることだな
0962Name_Not_Found
垢版 |
2018/12/09(日) 22:11:34.14ID:???
>>957
おまえはまず国語を勉強してからにしろ
0963Name_Not_Found
垢版 |
2018/12/10(月) 00:13:53.00ID:???
>>960
逆というのなら、その根拠でも書いたら?
Googleがこうやればいいって言ってるブログとかさ
0964Name_Not_Found
垢版 |
2018/12/10(月) 00:19:25.03ID:???
>>943
なつーかさ、ギラギラ感が足りないのよギラギラ感。
俗に言うギラッチってやつ。
もっとこう、vlinkとか使ってチカチカさせたりさ、
招き猫の目を光らせてみるとかそういう
アグレッシブでギラッチな感じが足りない無いんだよねぇ
0965Name_Not_Found
垢版 |
2018/12/10(月) 00:27:03.78ID:???
>>911の言ってる事はたぶん正しい。
確かにHTML4時代からh1の複数使用は構文エラーではなかったようだよ。
もう自分が新人時代から先輩たちに刷り込まれてたから気が付かなかったわ。
0966Name_Not_Found
垢版 |
2018/12/10(月) 06:12:54.11ID:???
>>963
元々慣例的に(hに順列、意味をつける)ということで
html4時代(2000年台)からh1はひとつで作るものだったのをさも近年それがh1は複数でもokになった!!!と若輩どもが騒ぎだした。
Googleの回答も検索仕様により時期毎に違うのはあたりまえでむしろ当初(2000年代)から一貫してh1は複数でokと言っているというのであればそれは捏造若しくはお前がそう思っているだけ、はたまたここ数年でwebやり始めたやつってだけ。
0968Name_Not_Found
垢版 |
2018/12/10(月) 06:25:46.06ID:???
誰に聞いたのそんなこと
h1がひとつって

あと2000年の頭にはもうXHTMLが勧告されてる
HTML4系は90年代の花形だったな
0969Name_Not_Found
垢版 |
2018/12/10(月) 06:27:52.20ID:???
んで HTMLとしてvalidなのかということと
グーグルがどう思うかってのは
わけて考えるべきことよ
0970Name_Not_Found
垢版 |
2018/12/10(月) 07:52:33.15ID:???
font weightの%って効かないの?
0971Name_Not_Found
垢版 |
2018/12/10(月) 08:29:57.47ID:???
html5.0で複数h1が良くなったんだよ
で、5.1で複数h1が禁止になった
これは思いっきり体験したから間違いない。

googleはもう少し緩くて複数でもいいけど1個がいいんじゃね?知らんけど
まぁコンテンツ充実させなよナード
ってスタンスは変わってない
多分アルゴリズム自動化しすぎてもう分かってない

>970
効くよ
0972Name_Not_Found
垢版 |
2018/12/10(月) 08:59:42.59ID:4af5usYY
てか、h1いらねーし、仮に必要だとしてもloveとなtokyoって名前にしてる
あとheaderもいらないな
旧世代のおっさんはhtml4で決まりきったデザインでも作ってて
0975Name_Not_Found
垢版 |
2018/12/10(月) 09:40:57.29ID:???
>>971
ボールドか普通かの2段階でしか効かないですよね?
0977Name_Not_Found
垢版 |
2018/12/10(月) 16:10:21.16ID:???
懐かしのanotherHtmlLINTでもhtml4で複数h1が怒られなかったぞ
0978Name_Not_Found
垢版 |
2018/12/10(月) 19:04:04.45ID:???
>>971ですがすいません
font-weightに%は効かないです、申し訳ない
font-sizeか何かと思いっきり見間違えてました。
0979Name_Not_Found
垢版 |
2018/12/10(月) 19:07:03.10ID:???
>>971
> html5.0で複数h1が良くなったんだよ
最初からOK

> で、5.1で複数h1が禁止になった
禁止になってない

嘘つくなって
0981Name_Not_Found
垢版 |
2018/12/10(月) 20:25:09.88ID:???
>>980
ありがとう。「おすすめしない」って書いてあるから
複数のh1が禁止じゃないことが完全に証明されたね
0982Name_Not_Found
垢版 |
2018/12/10(月) 20:36:30.38ID:???
一連の流れを見て思ったんだけど、
アウトラインをh1から始めるかどうかだと思うんだけど
0983Name_Not_Found
垢版 |
2018/12/10(月) 20:48:13.59ID:???
whatwgより

4.3.6 The h1, h2, h3, h4, h5, and h6 elements
https://html.spec.whatwg.org/multipage/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements

・通常はh1一個で見出しレベルはどんどん下げていく
・アウトラインごとにh1から始めるのはok。ページに何個あっても問題無し
・両方混ぜてアウトラインごとに見出しレベルを下げてもok
・上記はどれを選んでも良い

html4以前でh1複数が良かったかどうかは知らないけど、h1複数書いた事は無かったな
今更どうでもいいけどね
0985Name_Not_Found
垢版 |
2018/12/10(月) 21:14:19.32ID:???
HTML4でもh1複数はOKだよ

>>984
適当なことを言わないように
0986Name_Not_Found
垢版 |
2018/12/10(月) 21:18:00.64ID:???
h1複数ok派はアウトラインに付きって条件ちゃんと付けてくれ
勘違いする奴出てると思う
0987Name_Not_Found
垢版 |
2018/12/10(月) 21:19:41.56ID:???
条件って言ってもな。全てのHTMLのバージョンで
複数のh1は許可されている。正しいHTMLである
としか言いようがないんで

条件?「全てのHTMLのバージョン」でいいのか?
「全て」なのに「条件」としてあつかうのは不思議だw
0988Name_Not_Found
垢版 |
2018/12/10(月) 21:26:14.03ID:???
>>985
okとかじゃなくてじゃあお前はhtml4のころ複数h1で作ってたの?それで回りになんにも言われなかった?
0989Name_Not_Found
垢版 |
2018/12/10(月) 21:30:11.27ID:???
>>988
HTML validatorでチェックしていたし
むしろ逆に正しくないHTML書いてるやつに文句言っていたほうだ
0990Name_Not_Found
垢版 |
2018/12/10(月) 22:36:30.96ID:???
>>988
逆に、自分が勝手にそう思い込んでただけなんでしょう
いつの時代もいくつ書いても普通にvalidだよ

勝手な想像だが、ダメだと言い張ってる子は
実際には90年台にはウェブ制作するような年齢手間はなかったのではなかろか

グーグルがSEOと戦い始めるまで
h1の数なんて誰も気にすらしてなかったし
ていうか、JISのあれで注目されるくらいまで
h1とかそもそも使ってないサイトが多かったし
0991Name_Not_Found
垢版 |
2018/12/10(月) 22:37:09.36ID:???
誤字った
年齢ではなかった
0992Name_Not_Found
垢版 |
2018/12/10(月) 22:53:45.63ID:???
>>989
全部テーブルで作ってた時代とか透過gifのスペーサーとかしってる?
そういうやつにも文句いってたんだよね?
0993Name_Not_Found
垢版 |
2018/12/10(月) 22:58:16.77ID:HzF5jEEG
もう暗黒期(テーブルレイアウト等)のことは忘れようぜ
憎きIEとその子供Edgeは居なくなった
今後はChrome最新版で動きさえすればいいのだ
堂々とES2015で書き、FlexboxのCSSフレームワークを使いなさい
0994Name_Not_Found
垢版 |
2018/12/10(月) 23:28:00.89ID:Xy1kPhq4
次スレ立ててくるよ?
0997Name_Not_Found
垢版 |
2018/12/10(月) 23:57:00.01ID:???
確かにHTML4で実際H1を使うとなるとどうなるかわからんな
sectionタグもないわけだし
0999Name_Not_Found
垢版 |
2018/12/11(火) 00:16:12.03ID:???
あんなことにもこんなことにもササッと答える優しいスレだと聞いてきました
質問してみます
10011001
垢版 |
Over 1000Thread
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 63日 12時間 30分 35秒
レス数が1000を超えています。これ以上書き込みはできません。

ニューススポーツなんでも実況