雜散結束標記“tr”和1列寬錯誤
[英]Stray end tag “tr” and 1 column wide errors
問題描述
為我在學校的任務開始一些HTML5腳本。 我寫完了，但是在將文件提交到http://validator.w3.org/時遇到了2個錯誤
- 表行為1列寬，小於第一行（6）建立的列數。
- 迷路結束標簽tr。
我的桌子邊框也有另一個錯誤，但是我的教授說要忽略那個錯誤。 我試圖產生以下內容： https ： //postimg.org/image/ruv1y0vb1/
我似乎無法弄清問題是什么。
這是我的代碼：
<!DOCTYPE html>
<html lang = "en">
<head>
<title> Assignment 1: Question 2 </title>
<meta charset = "utf-8">
</head>
<body>
<h3> Assignment #1/Question 2 </h3>
<table border = "1">
<tr>
<td colspan = "6"> <h1> Some Canadian Provinces </h1> </td>
</tr>
<tr>
<td rowspan = "7">
<img src = "https://upload.wikimedia.org/wikipedia/en/thumb/c/cf/Flag_of_Canada.svg/1280px-Flag_of_Canada.svg.png"
alt = "Canadian Flag" width = "200" height = "100">
</td>
</tr>
<tr>
<th> Province </th>
<td> Quebec </td>
<td> Ontario </td>
<td> British Columbia </td>
<td> Alberta </td>
</tr>
<tr>
<th> Flag </th>
<td>
<img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Flag_of_Quebec.svg/600px-Flag_of_Quebec.svg.png"
alt = "Quebec Flag" width = "100" height = "55">
</td>
<td>
<img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/88/Flag_of_Ontario.svg/1280px-Flag_of_Ontario.svg.png"
alt = "Ontario Flag" width = "100" height = "55">
</td>
<td>
<img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/Flag_of_British_Columbia.svg/600px-Flag_of_British_Columbia.svg.png"
alt = "British Columbia Flag" width = "110" height = "55">
</td>
<td>
<img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/Flag_of_Alberta.svg/1000px-Flag_of_Alberta.svg.png"
alt = "Alberta Flag" width = "100" height = "55" >
</td>
</tr>
<tr>
<th> Capital </th>
<td> Quebec City </td>
<td> Toronto </td>
<td> Victoria </td>
<td> Edmonton </td>
</tr>
<tr>
<th> Postal Abbreviation </th>
<td> QC </td>
<td> ON </td>
<td> BC </td>
<td> AB </td>
</tr>
<tr>
<th> Year Entered<br/>Confederation </th>
<td> 1867 </td>
<td> 1867 </td>
<td> 1871 </td>
<td> 1905 </td>
</tr>
<tr>
<td colspan = "5"> <strong>References and flags: </strong>
<a href = "https://en.wikipedia.org/wiki/Quebec"> Quebec</a>
<a href = "https://en.wikipedia.org/wiki/Ontario"> Ontario</a>
<a href = "https://en.wikipedia.org/wiki/British_Columbia"> British Columbia</a>
<a href = "https://en.wikipedia.org/wiki/Alberta"> Alberta</a>
</td>
</tr>
</table>
</body>
</html>
2 個解決方案
解決方案1
0 2017-01-14 02:10:24
你只有一個元素，但看你的縮進有兩個嵌套級別。 修復縮進，雜散會使其變得明顯。
解決方案2
0 2017-01-14 02:35:17
一些基於您發布的代碼的評論：您混合了tr和td標簽。 您需要在td標記內創建另一個表，然后將其余代碼放在該標記內。 切勿混合標簽。
<table border = "1"> <tr> <td colspan = "6"> <h1> Some Canadian Provinces </h1> </td> </tr> <tr> <td rowspan = "7"> </td> <!--You need to create a td tag here and add another table --> <td> <table> <tr> <th> Province </th> <td> Quebec </td> <td> Ontario </td> <td> British Columbia </td> <td> Alberta </td> </tr> . . . </table> </td> </tr> </table>
然后檢查colspan和rowspan屬性，並相應地進行調整。
W3C HTML驗證錯誤：“流浪結束標記 </head> ”和“開始標簽 <body> 看到了，但是相同類型的元素已經打開了”
[英]W3C HTML validation errors: “Stray end tag </head>” and “Start tag <body> seen but an element of the same type was already open”
流浪結束標簽，但之后沒有放置任何東西 </body> 要么 </html>
[英]Stray end tag but nothing was placed after </body> or </html>
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.