KoReKuRai
   英語/転職   海外/国内旅行   健康    ☰ MENU

divタグにリンクをつけて、liタグ内で改行する方法

blogsite

以下の方法はjavascriptでonclickのlocation.hrefやCSSでposition absoluteとrelative等を使用しないでdivタグにリンクを貼る方法で、便利だと思ったのでメモします。

以下のようにdivタグをaタグで囲んでしまえばちゃんとリンクが貼れました。なんだ、そんな簡単なことだったのか。。。

現行のHTMLではダメですが、HTML5では許されている記述方法だそうです。


<a href="index.html"><div class="xxx"></div></a>

 

さらにliタグで改行する場合は、下記のコードの通り、divタグで改行する文字を囲ってあげると改行します。brは使えません。


<ul>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル<a href="index.html"><div>index.htmlページへ移動。</div></a>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
</ul>

 

スポンサーリンク

📄 関連記事


🔝上へ
スポンサーリンク

📄 月間ランキング



🔝上へ
こんな記事も読まれてます。

TRAVEL JAPAN
国内旅行 記事一覧

屋久島雨の日の空気伊豆下田のきれいな海富士山の頂上ってどんなとこ?京都観光マップ京都 紅葉とライトアップ富士山周辺観光マップ北海道の知床の絶景箱根駒ケ岳で見る富士山

TRAVEL ABROAD
海外旅行 記事一覧

インド出張 タクシーで牛と遭遇スペインで風車を見たナイアガラの滝の虹が凄い深夜のNYタイムズスクエア香港の夜景は船からアメリカのレンタカー代でいくら?グランドキャニオンまでドライブシドニーの世界遺産
🔝上へ

CATEGORY
カテゴリ

📂ビジネス:外資系企業の転職,英語,面接,働き方

📂国内旅行:北海道,屋久島

📂旅行,出張:スペイン,インド,台湾.飛行機対策

📂健康:風邪予防,食,メンタル

📂子育て:英語,育て方,旅行

📂PC関連:エンジニアの苦悩,効率化,Windowsのトラブル対応

📂海外ドラマ:海外ドラマ・映画のレビューと感想

📂車関連:海外のレンタカー,試乗レポート,軽自動車,等々

PROFILE
プロフィール

これくらいブログKoReKuRaiです。神奈川県在住。外資系IT業界でお仕事続けて12年。現在、3歳児の子育てに奮闘中です。ビジネス英会話、転職、出張、旅行記や子育て、サイト作成やコーディングに色々役立つと思うブログを書き足していきます。拙い文章ですがよろしくお願いします。メールはこちらまでお願いします。

Copyright 2017 KoReKuRai All Rights Reserved.