タグのネスト

64 views
Skip to first unread message

ひろ

unread,
Dec 10, 2013, 11:26:57 PM12/10/13
to mixe...@googlegroups.com
お世話になります。

LIタグの中にH3やPタグを書くと表示されません。

本来、LIタグの中に書いているのが間違いだという指摘はあるかと思いますが、
タグの包含関係を無視して元のHTMLをそのまま出力するにはどうしたら良いのでしょうか？
※元のHTMLをブラウザで開いた時はちゃんと表示されるのですがMixer2を通すとタグの中身が抜け落ちてしまいます。

watanabe

unread,
Dec 11, 2013, 12:15:27 AM12/11/13
to mixe...@googlegroups.com
手元で試しましたが、LIタグの中にh3やpがあるのをmixer2が無視するというのはなさそうです。
再現可能なサンプルコードを見せていただけますか？

なお、タグの食い違いなどがあるとmixer2はその部分だけ無視することがあります。
http://mixer2.org/site/ja/faq.html の、正しいxhmlを書いて下さい、のところをご覧ください


2013年12月11日水曜日 13時26分57秒 UTC+9 ひろ:

ひろ

unread,
Dec 11, 2013, 12:24:37 AM12/11/13
to mixe...@googlegroups.com
お世話になります。
色々試してみたら原因はLIタグの中にあることではなくAタグの中にあることのようです。

<li>
    <a href="../m2template/news/aws/20121101.html" data-transition="slide" data-ajax="false"> 
    <img src="../m2static/images/thumbnail.png" alt="thumbnail" />
       <h3>お知らせ１</h3>
        <p>サマリーが入ります。</p>
        <p class="ui-li-aside">2012年11月13日</p>
    </a>
</li>

このようなタグをデザイナーさんが作ってきたので困っています。
メニューとして使いたいのでどこをクリックしてもhrefで書かれたドキュメントへ飛びたいのです。

よろしくお願いします。


2013年12月11日水曜日 14時15分27秒 UTC+9 watanabe:

ひろ

unread,
Dec 11, 2013, 3:30:12 AM12/11/13
to mixe...@googlegroups.com
Aタグの中にPタグとかを書くのはできるみたいなのですがなぜかできません。
もっとも、私の手元のソースはSTSのエディターレベルでエラーになるので
根本的に間違っているのかも知れません。
もし可能であればAタグの中にPタグやH3タグを書く時のソースを見せていただけないでしょうか？

ちょっと長いのですが今のテスト用のHTMLソースです。
ちなみに2行目を<html lang="ja">とするとパースエラーになってしまいます。

【現在のソース】
<!DOCTYPE html>
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport"
    content="width=device-width, maximum-scale=1.5, minimum-scale=1.0,user-scalable=yes,initial-scale=1.0" />
<link rel="apple-touch-icon-precomposed" href="images/apple-icon.png" />
<link rel="stylesheet"
<link rel="stylesheet"
<script
<script
<script type="text/javascript"
<title>Sample</title>
</head>
<body>
    <div data-role="page" id="page">
        <header data-role="header" id="header">
            <h1>Sample</h1>
        </header>
        <div class="content" data-role="content" id="content">
            <div class="main" id="main">
                0-1行目<a href="../m2template/services/aws.html"
                    data-transition="slide" data-ajax="false">
                    AWSインフラ構築とシステム開発のプロ 可用性・堅牢性・柔軟性を今日から手に入れる </a>

                    <br/>
                        <section>
                    0-2行目<a
                        href="../m2template/services/aws.html"
                        data-transition="slide" data-ajax="false">
                                                        あああ
                            <h3>AWSインフラ構築とシステム開発のプロ</h3>
                            <p>可用性・堅牢性・柔軟性を今日から手に入れる</p>
                    </a>
                        </section>

                <ul data-role="listview" data-inset="true">
                    <li data-role="list-divider" role="heading">サービス</li>
                    <li>1行目<a
                        href="../m2template/services/aws.html"
                        data-transition="slide" data-ajax="false">
                            AWSインフラ構築とシステム開発のプロ 可用性・堅牢性・柔軟性を今日から手に入れる </a></li>
                    <li>2行目<a
                        href="../m2template/services/aws.html"
                        data-transition="slide" data-ajax="false">あああ
                            <h3>AWSインフラ構築とシステム開発のプロ</h3>
                            <p>可用性・堅牢性・柔軟性を今日から手に入れる</p>
                    </a></li>
                    <li>3行目<a
                        href="../m2template/services/mobile.html"
                        data-transition="slide" data-ajax="false">
                            <h3>iOS/Android アプリ開発</h3>
                            <p>ビジネス向けとコンシューマー向け、どちらも得意</p>
                    </a></li>
                    <li>4行目<a
                        href="../m2template/services/html5.html"
                        data-transition="slide" data-ajax="false">
                            <h3>HTML5アプリ開発</h3>
                            <p>マルチプラットフォーム、インストール不要、自由にアップデート</p>
                    </a></li>
                </ul>

            </div>
        </div>
        <footer data-role="footer" id="footer">
            <h1>footer</h1>
        </footer>
    </div>
</body>
</html>



2013年12月11日水曜日 14時15分27秒 UTC+9 watanabe:

watanabe

unread,
Dec 11, 2013, 5:10:20 AM12/11/13
to mixe...@googlegroups.com
なるほど。これはバグです。issueにあげていただけますか？
https://github.com/nabedge/mixer2/issues
日本語でもかまいません。

html5対応はあとから追加したものなので、その打ち漏らしです。
ただ、数日中とか、そうすぐに直せるかは、ちょっと。。。

とりいそぎ。

2013年12月11日水曜日 13時26分57秒 UTC+9 ひろ:

nabedge

unread,
Dec 12, 2013, 8:37:14 AM12/12/13
to mixe...@googlegroups.com
渡辺です。
version 1.2.20 でなおりました。
バグ報告感謝です！

--------
nab...@gmail.com


2013年12月11日 19:10 watanabe <nab...@gmail.com>:
> --
> このメールは Google グループのグループ「mixer2-ja」の登録者に送られています。
> このグループから退会し、メールの受信を停止するには、mixer2-ja+...@googlegroups.com にメールを送信します。
> その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。

ひろ

unread,
Dec 12, 2013, 7:31:53 PM12/12/13
to mixe...@googlegroups.com
ありがとうございます。
version 1.2.20を入れたら直りました。


2013年12月12日木曜日 22時37分14秒 UTC+9 watanabe:
渡辺です。
version 1.2.20 でなおりました。
バグ報告感謝です！

--------
nab...@gmail.com


2013年12月11日 19:10 watanabe <nab...@gmail.com>:
> なるほど。これはバグです。issueにあげていただけますか？
> https://github.com/nabedge/mixer2/issues
> 日本語でもかまいません。
>
> html5対応はあとから追加したものなので、その打ち漏らしです。
> ただ、数日中とか、そうすぐに直せるかは、ちょっと。。。
>
> とりいそぎ。
>
> 2013年12月11日水曜日 13時26分57秒 UTC+9 ひろ:
>>
>> お世話になります。
>>
>> LIタグの中にH3やPタグを書くと表示されません。
>>
>> 本来、LIタグの中に書いているのが間違いだという指摘はあるかと思いますが、
>> タグの包含関係を無視して元のHTMLをそのまま出力するにはどうしたら良いのでしょうか？
>> ※元のHTMLをブラウザで開いた時はちゃんと表示されるのですがMixer2を通すとタグの中身が抜け落ちてしまいます。
>>
> --
> このメールは Google グループのグループ「mixer2-ja」の登録者に送られています。
> このグループから退会し、メールの受信を停止するには、mixer2-ja+unsubscribe@googlegroups.com にメールを送信します。
> その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。
Reply all
Reply to author
Forward
0 new messages