dlタグの中のdtとddをaタグで囲みたい

dlタグの中のdtとddをaタグで囲みたいのですが文法的にngなのでしょうか？
ngの場合解決策を教えてくださると嬉しいです。

html
1<dl>
2       <a href="">      
3         <dt>a</dt>
4         <dd>a</dd>
5       </a>   
6</dl>

行動規範の内容に同意します

回答3件

ngの場合解決策を教えてくださると嬉しいです。

<dl>ではなく<ul>を使ったほうが、やりたいことに近づけるのではないかと思います。

HTML
1<!-- クラス名は好きなように設定してください。 -->
2<ul>
3  <li>
4    <a href="">
5      <span class="dt">a</span>
6      <span class="dd">a</span>
7    </a>
8  </li>
9</ul>

なお、以下は本論から外れるので余裕があれば読んでほしいのですが、

以下のHTMLの書き方に違和感があれば、
kei344さんも挙げているMDNのページは1度見ていたほうがいいです。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/dl

HTML
1<dl>
2  <div>
3    <dt>Name</dt>
4    <dd>Godzilla</dd>
5  </div>
6  <div>
7    <dt>Born</dt>
8    <dd>1952</dd>
9  </div>
10  <div>
11    <dt>Birthplace</dt>
12    <dd>Japan</dd>
13  </div>
14  <div>
15    <dt>Color</dt>
16    <dd>Green</dd>
17  </div>
18</dl>

投稿2020/06/13 23:50

new1ro

総合スコア4528

cafe1111

2020/06/14 03:27

回答有り難うございます！

行動規範の内容に同意します

文法違反です。

代替案は下記です。

html
1<dl>
2  <dt><a href="">a</a></dt>
3  <dd><a href="">a</a></dd>
4</dl>
5
6<!-- か -->
7
8<a href="">
9<dl>
10  <dt>a</dt>
11  <dd>a</dd>
12</dl>
13</a>

HTML5では、ブロック要素を、a要素で囲うことが許可されています。

投稿2020/06/12 17:13

miyabi_pudding

総合スコア9528

cafe1111

2020/06/14 03:28

回答有り難うございます！

行動規範の内容に同意します

ベストアンサー

文法的にngなのでしょうか？

はい。
マークアップを変えるか、JavaScriptで処理するかどちらかです。

HTML
1<dl>
2    <dt><a href="">a</a></dt>
3    <dd><a href="">a</a></dd>
4</dl>
5```or
6```HTML
7<a href=""><dl>
8    <dt>a</dt>
9    <dd>a</dd>
10</dl></a>