divタグにリンクをつけて、liタグ内で改行する方法
以下の方法は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は使えません。
- サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
- サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルindex.htmlページへ移動。サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
- サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
<ul>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル<a href="index.html"><div>index.htmlページへ移動。</div></a>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
</ul>
スポンサーリンク
📄 関連記事
スポンサーリンク
📑 ありがとう
📑 HTML
📑 アドセンス
こんな記事も読まれてます。
TRAVEL JAPAN
国内旅行 記事一覧
TRAVEL ABROAD
海外旅行 記事一覧
CATEGORY
カテゴリ
📂外資系企業へ転職・働き方：外資系企業の転職,英語,面接,働き方
📂国内旅行150ヵ所を紹介：北海道,屋久島
- 富士山周辺：山梨,静岡,山中湖,河口湖,朝霧高原
- 長野・岐阜：穂高岳,乗鞍岳,車山高原,上高地
- 箱根：箱根ロープウェイ,芦ノ湖海賊船,箱根神社,箱根の展望台
- 伊豆：伊東,下田,中伊豆
- 東京・神奈川お台場,高尾山,奥多摩,江ノ島,横浜
📂海外出張10カ国,50ヵ所以上観光：スペイン,インド,台湾.飛行機対策
📂健康：胃痛,風邪予防,食,メンタル
📂子育て：英語,育て方,旅行
📂PC関連：エンジニアの苦悩,効率化,Windowsのトラブル対応
- ブログ作成：アクセス数,アドセンス,HTML・CSS
- ASP.NET C#：サンプルコード等々
- SQL：SQL Server, Oracle関連
- モバイル：Android,iPhone,ポケモンGO
📂海外ドラマ：海外ドラマ・映画のレビューと感想
📂車関連：海外のレンタカー,試乗レポート,軽自動車,等々
📂物件：新築一戸建て 申し込みから購入・引渡しまで色々あったこと
PROFILE
プロフィール
KoReKuRaiです。東京都在住。外資系IT業界でSEやWebService開発,DB設計,面接官,会議通訳,プリセールス等色々とお仕事続けて約15年。現在、5歳児の子育てに奮闘中です。外資系企業での働き方や転職時に役に立った実体験や失敗談、会議通訳に役立った英会話のあれこれ、国内150ヵ所以上の旅行先の紹介、海外出張で行った10カ国のついでで観光した50ヵ所の旅行記や、子育て、サイト作成やコーディングに色々役立つと思うブログを書き足していきます。拙い文章ですがよろしくお願いします。メールはこちらまでお願いします。Copyright 2016-2019 KoReKuRai All Rights Reserved.