が青いダッシュを生成する理由

Question

ESP8266 WIFIモジュールを使用するIoTプロジェクトで作業しています。不慣れな人にとっては、ステーションやAPモードで使用できるWi-Fi機能を備えたSOCだと言うだけで十分です。この小さな驚異にプログラムをアップロードするにはいくつかの方法があります。私はLuaでNodeMCUプラットフォームを使用しています。

今、問題の問題は、IoTコントロール用のWebページとして表示されるHTML文字列をLuaインタプリタを介してアップロードしようとしています。私はこれを有効にしましたが、より多くのコントロールポイントを追加するためにシステムを再構築する必要がありました。何の注意も必要ないアップロードに関する問題（Luaインタプリタの問題）以外にも、アクセスしたときにブラウザに送るために作成されたStringに問題があります。

私は基本的に2つのボタンが並んでいて、& nbspを使用して分離を望んでいました。これはもともと働いていたが、今では、次のように私はtried.The文字列が送信されるようにしたすべてのブラウザで青ダッシュで生成します。

<p style= "font-size:90px;"> 
    Rear Left &nbsp;<a href=\"?pin=ON1\"><button style= \"width:150px;height:150px;font-size:90px;background:green;\">On</button></a>&nbsp;<a href=\"?pin=OFF1\"><button style= \"width:150px;height:150px;font-size:90px;background-color:red;">Off</button></a> 
</p>" 

HTMLコードの文字列を含むプログラムのスニペットが保存されている奇妙なことに

ファイルに保存して、ブラウザで開いても問題ありません。どんな洞察？

Answer 1

奇妙なことに、HTMLコード文字列を含むプログラムのスニペットが でファイルに保存されていて、ブラウザで開かれているようです。

いいえ、あなたのクリーンアップのすべての構文の問題一度それはもう罰金見ていません：

あなたの問題はNodeMCU、ESPlorer et.al.とは何の関係もありません

コンテンツモデル：：あなたのコードは、単にHTML5 Spec Document from W3Cに応じて有効なHTML5ではありませんTransparentが、ないinteractive content子孫があってはなりません。

a要素は、インタラクティブなコンテンツ（ボタンやその他のリンクなど）がない限り、段落、リスト、表などの全体、さらにはセクション全体でラップすることができます。

あなたは<a>で巣<button>することはできません。例えばhttps://designshack.net/?p=25423またはHow to make <a href=""> link look like a button?、しかし

<p style="font-size:90px; display: inline"> 
    Rear Left 
    <form href="?pin=ON1" style="display: inline" method="get"> 
    <button style="width:150px;height:150px;font-size:90px;background:green;">On</button> 
    </form> 
    &nbsp; 
    <form href="?pin=OFF1" style="display: inline" method="get"> 
    <button style="width:150px;height:150px;font-size:90px;background-color:red;">Off</button> 
    </form> 
</p> 

あなたはIMO本当に、ボタンのようなものを2つのリンクが（

<p style="font-size:90px;"> 
    Rear Left 
    <a href="?pin=ON1">On</a> 
    <a href="?pin=OFF1">Off</a> 
</p> 

とスタイルプレーンHTMLアンカーを使用している何をすべきか：代わりのような<form>タグ内にそのボタンをラップ）。