Copy-containerの必要性を教えてください。(模写しています）

Question

前提・実現したいこと

Progateの学習コース初級の模写をしています。
ProgateではCopy-containerを使って表現をしていますが、
copy-containerの必要性（記載する意味）を教えてください。
HTMLでCopy-containerを使わない記載方法はありますか？

該当のソースコード

<div class="main"> <div class="copy-container"> <h1>HELLO WORLD<span>.</span></h1> <h2>プログラミングの世界へようこそ</h2> </div>

試したこと

模写で、copy-container を記載しなかった。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。細な情報を記載してください。

Comments

[kei344]

「copy-container」とは具体的にどれのことを指していますか？

[BeatStar]

それ、模写じゃなくて写経では?
基礎すらできていない気がします。
少なくともCSSやHTML側で提供されているようなものに
copy-containerなんてのはないですし。
CSSの基礎でできていればわかる問題です。
写経は今すぐにでもやめましょう。
数学の問題の解答を丸暗記しても役に立たないのと同じです。

Answer 1

自分も同じことで悩んでいたのでびっくりしました！
他の回答者さん達はわかってないんですけど、copy-containerのクラスはCSSも関係しないので不要だと思います。
ただ、h1とh2の文章は１つのまとまりとして見ることもできて、このページを今後良くする時にクラス名でまとめていると後々編集しやすいかもねという意味でまとめてあるんだと思います。
なので今回はクラス名copy-containerのdivタグを削除してもwebページには影響はでません。
随分前の投稿にコメントしてしまいすみません????‍♂️
ちなみにどの分野でもまずは真似することから始まると思うので、勉強始めたての模写について個人的には賛成です。

Answer 2

Copy-containerを検索して見つけたQiitaの記事
Progate　HTML,CSS道場～初級編の解説～(https://qiita.com/arisa___k/items/b3d4e32cb5ab709d4f5b)が、出典だと思われます。

この記事では、CSSを使ってHTMLの表示を修飾(文字の大きさを変えたり、色を変えたり)する例が示されていて、その中でCopy-containerというCSSクラス名が使われています。

CSSクラス名は、HTMLの要素のどこを修飾の対象にするかを特定するためのもので、CSSクラス名自体に意味は有りません。
Copy-container　を全部　foobaa に書き換えても、表示は変わりません。

＝＝＝
問題は、質問者のCSSやHTMLに関する知識が乏しすぎる（ひょっとすると皆無?)事です。

まず、HTMLやCSSについての基本的な知識を身に着けてから、HTMLやCSSのコードを読み始めるべきです。

それには、「はじめての」「初心者」といった言葉がタイトルに含まれているHTMLの本やムックを２，３冊通読（最初から最後まで途中を飛ばしたりせずに読むこと）するのが良いと思います。

Comments

[I.y]

回答ありがとうございます。
知識０でProgateから始めたので、本も読んで勉強していきます。