我們注意到 img 是一個空標簽，需要在結尾加上一個 / 以符合XHTML的要求。這里的例子除src外還有一個屬性alt，我們把它叫做做替換屬性，當圖片由于某種原因而無法顯示的時候，alt的屬性值就會代替圖片出現；而當圖片正常顯示時，只要把鼠標停在圖片上就會看到alt屬性的屬性值。用圖片作為鏈接 我們在之前的教程中曾經學習過創建超級鏈接，下面我們打開 index.html 并且將剛插入的代碼改為下面這段： p a href= http://www.phpstudy.net/ img src= http://www.phpstudy.net/images/logo.gif alt= 技術支持 / /a /p
保存后瀏覽網頁，請再次確認您的網頁與這個網頁相同。看看圖片是不是變成了超級鏈接，點擊一下圖片就會進入菜鳥吧的主頁了。關于XHTML的效驗 從本節開始我們就不再修改 index.html 這個網頁的外觀了，現在將我們制作的網頁送交權威機構檢驗一下。首先進入：http://validator.w3.org/，該頁面就是一個XHTML效驗工具，它用來檢驗我們制作的網頁是否符合XHTML的標準。您可以選擇用網址效驗，也可以上傳文件效驗。您可以選擇文件上傳效驗，方法如下： 在 Validate by File Upload 有 Local File 一欄，點擊瀏覽，找到并選中之前保存的 index.html ，然后點擊 check 按鈕。您的結果應該與我們通過網址效驗的結果一樣。返回如下錯誤信息： Sorry, I am unable to validate this document because on line 3, 6-9, 12-14, 16-22 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.html教程
