爲什麼會產生藍色短劃線

我正在使用ESP8266 WIFI模塊的IoT項目上工作。對於那些不熟悉的人來說，可以說這是一個具有wifi功能的SOC，可以在站或AP模式下使用。有幾種方法可以將程序上傳到這個小奇蹟，我正在使用一個帶有Lua的NodeMCU平臺。爲什麼會產生藍色短劃線

現在這個問題的關鍵是試圖通過Lua解釋器上傳一個HTML字符串，以顯示爲物聯網控制的網頁。我有這個工作，但必須做一些系統重建來添加更多的控制點。除了上傳問題（與Lua解釋器有關的問題），我不需要注意，我在訪問時發送給瀏覽器的字符串有問題。

我基本上有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代碼串的程序片段到一個文件，並用瀏覽器打開它看起來不錯？！任何見解？

來源

2016-05-14 flagtrax

對不起，在手機上，所以我不能格式化更好。選擇代碼並按下Ctrl + K使其成爲代碼塊 – rockerest

有點像它被選中？ – dmi3y

應該使用CSS，而不是＆nbsp。爲按鈕設置邊距：margin：10px; – dec

奇怪的是，當包含HTML代碼串的程序的代碼段保存到一個文件，並用它看起來很好瀏覽器中打開？

沒有，一旦你清理所有的語法問題看起來不精了：

您的問題無關NodeMCU，ESPlorer等人您的代碼根本就沒有根據HTML5 Spec Document from W3C有效的HTML5：

內容模型：Transparent，但必須有沒有interactive content後裔。

只要內部沒有交互式內容（例如按鈕或其他鏈接），a元素可能會纏繞在整個段落，列表，表格等等甚至整個區段中。

您不能在<a>中嵌套<button>。相反，換行按鈕<form>標籤中這樣：

<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確實是使用普通的HTML錨

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

和風格這兩個環節如按鈕（例如https://designshack.net/?p=25423或How to make <a href=""> link look like a button? ）。

來源

2016-05-14 12:35:29

爲什麼會產生藍色短劃線

回答

相關問題