またド素人のコーディングを見ちゃった…

もう11月に入り、日にちが経っていきますね!

COVID-19はなかなか終わりの見込みがないみたいですね。

そろそろインフルエンザも流行の季節になってきてるので、気を付けてください。

これからどんどん寒い季節になりますが、風邪をひかずに体調に気を付けてくださいね!

さてと本題に入りましょう。

またド素人のコーディングを見ちゃった…

他業者が制作したホームページをたまにこっちに移管して、管理するようになってます。

ある一流の企業が制作したホームページの中身を見たら本当に笑えました。

これで、高額請求して見た目はよくても中身が適当に作り上げてました。

これってホンマにプロの技術なんかって言いたいぐらいでした。

一部抜粋して、ここでお見せしよう!

あなたならどう思うかご意見を聞くぜ!

<div class="box">
	<ul class="chu-chaku">
		<li style="margin:0 0 5px;">注意事項1</li>
		<li style="margin:0 0 5px;">注意事項2</li>
		<li style="margin:0 0 5px;">注意事項3</li>
		<li style="margin:0 0 0;">注意事項4</li>
	</ul>
</div>

あなたはこれを見てプロだと思う人は挙手してくれ!

もう一度勉強しなおしたほうがいいよって優しい言葉をかけてあげたい人は挙手してくれ!

ファイナルアンサー?

やっぱり、せっかく仕事してキャリアを積むためには、

「もう一度勉強しなおしたほうがいいよって優しい言葉をかけてあげよう」

その通り、人を育てるためには先輩からいろいろ技術を教えてあげないといけないんですよ!

ベテラン先輩から正しい書き方を教えよう!

<ul class="footnote">
	<li>注意事項1</li>
	<li>注意事項2</li>
	<li>注意事項3</li>
	<li>注意事項4</li>
</ul>

コードを見て何か気づいたことはないか?

<div>がなくなったね!

それはなぜ?

不要 or 必要?

<div>はブロック要素なので子要素がブロック要素だったら<div>は不要ですよね。

インライン要素だったら親要素に<div>は必要ですが…

まず、ブロック要素とインライン要素の使い分けをまず理解するべきだと思います。

また、クラス名が「chu-chaku」が日本語だと、Webページ上では解読してくれるでしょうか?

SEOにも関係しますので、できる限り、英数字を使うことが一番推奨されてます。

Webページでは最低でも英語の意味のある言葉をClass名 or Id名に付けたほうがいいでしょう。

Web制作を関わる時は最低でも中卒ぐらいの英語能力が必須となりますので、英語苦手の場合はGoogle翻訳を使いながらそれを合わせて勉強をして理解を深めるといいですよ!

こちらも英語が苦手でしたが、Web制作をしていく中でタグの意味をまず理解して何を使ったらふさわしいのかを考えることも大事です。

ではまた!

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Leonard-Blogをもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む