「夫を成功」へ導く妻の秘訣 座談会

以下のソースコードですが!
http://www.htmllint.net/html-lint/htmllint.html
プログラムチェックをしたところ
<a><img src="images/leaf/14365.jpg"></a>
<a><img src="images/leaf/14366.jpg"></a>
には
「<IMG> には ALT 属性が必要です。」
とでます!
解説も読みましたが、私には気難しいです。
以後の処置としてどんなソースを組めばエラーが
でなくなるのでしょうか?
このソースコードの特徴である
[マウスオーバーで画像拡大]はしています。
しかし、まだ完璧ではないようです。
よろしくお願いいたします。
------------------------------------------------------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>.マウスオーバーで画像を拡大する</title>
<link href="css/style.css" rel="stylesheet">
<style>

li{
display:inline-block;
}

.moimg1{
margin:0 auto;
width: 1400px;
height: 240px;
display:flex;
flex-wrap:wrap;
justify-content: center;
}

.moimg1 img {
width: 24%;
transition: 0.5s;
object-fit: contain;
}

.moimg1 img:hover {
transform: scale(2.2, 2.2);
}

</style>
</head>

<body>
<header>
<div class="logo"><!--P80・P109-->
<a href="index.html"><img src="images/top.png" alt="TOP"></a><!--P84-->
</div>
<nav>
<ul class="global-nav">
<li><a href="Flo.html">Flower</a></li>
<li><a href="Dis.html">Disney's</a></li>
<li><a href="Lea.html">Leaf</a></li>
</ul>
</nav>
</header>

<div class="img-contain" >
<div class="moimg1">
<a><img src="images/leaf/14365.jpg"></a>
<a><img src="images/leaf/14366.jpg"></a>
</div>
</div>
<footer>
<small>(c)2017 Hattori-studio.</small>
</footer>
</body>
</html>

質問者からの補足コメント

  • うれしい

    ご回答くださいまして、ありがとうございました。
    ALT
    は必要に応じて使用したいと思います。
     今のところ不要みたいです。
    [プログラムチェック]のロボットを鵜呑みしていました。
    まだ数回しか使ったことがありませんでしたので、特徴
    が分かりました。
     今後ともよろしくお願いいたします。

      補足日時:2020/06/21 10:28

A 回答 (3件)

ALT属性は音声ブラウザ対応用で、そこへマウスカーソルを乗せると、alt分の中身が音声で流れる、というものです。



なので、必須では無い。
    • good
    • 1
この回答へのお礼

ご回答くださいまして、ありがとうございました。
Aンス:ALT属性は音声ブラウザ対応用
なるほどですね!
音声などを埋め込む場合追加すればいいタグですね!
ブラウザ次第と思いますが、
音声が出れば、おしゃれなスタイルシートができそうですね^^
勉強になります。

お礼日時:2020/06/21 05:44

https://ja.wikipedia.org/wiki/%E3%83%86%E3%82%AD …
知らない人も多いし、使われていることも少ないですが、テキストのみで表示するブラウザがあります。
画像やCSSで飾った「見栄えだけ」のページを嫌って、あえてテキストのみにしている人もいます。

http://jis8341.net/jirei_sample/jirei_chapter_01 …
どのようなALTがいいのか、検索するといろいろ見つかります
    • good
    • 1

alt属性なんて書きたくないのなら無くてもいいです



マウスオーバーした時に何が表示されるかどうかですから
    • good
    • 1
この回答へのお礼

早々ご回答くださいまして、ありがとうございました。
了解です。

お礼日時:2020/06/21 05:00

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています


このQ&Aを見た人がよく見るQ&A

このカテゴリの人気Q&Aランキング