HTML4入門

標籤：原則   .exe   nbsp   url   登陸   分享   table   alt   點擊   

　　這篇來介紹下超連結和網站架構，做好準備要開始了！

　　超連結：從一個文檔連結到另一個文檔，也可以式文檔的指定部分及文檔內跳轉，也俗稱設定錨點；點擊超連結將使網路瀏覽器跳轉到另一個網址。url可以指向HTML檔案，文字檔，映像，文字文件，視頻和音頻檔案以及在網路上儲存的任何其他內容，瀏覽器會詢問您是否要開啟檔案；

　　連結的解析，

　　將文本轉換為a元素內的連結來建立基本連結，給它一個href屬性也叫目標，將包含連結指向的網址。

　　使用title屬性添加支援資訊

　　連結標題在於對來連結的補充有用資訊，當滑鼠移至上方在連結上時，將顯示title資訊，以補充連結資訊。意味著鍵盤來導航的人很難獲得連結標題資訊。

　　接下來描述兩個比較容易模糊的概念，

　　統一資源定位器URL和路徑path

　　統一資源定位器（uniform resource locator）是一個定義了的在網路上的位置的一個文本字串。例如網址http://www.baidu.com.     url使用路徑尋找檔案，路徑指定檔案系統中檔案所在的位置，可以藉助

看目錄結構根目錄為creation-hyperlinks.  上面有index.html 和contacts.html在網站工作時，你會有一個包含整個網站的目錄，其中index.html會作為我們的首頁和登陸頁；此外根目錄下還包含兩個檔案夾檔案夾分別包含各自的檔案，可以有兩個index.html在不同的目錄下就好。那麼下面來研究下超連結怎麼發別指向HTML，

　　指向同目錄，從index.html指向相同目錄下的contacts.html，因此使用的url應該是url=”contacts.html“

 　　指向子目錄，如果從頂層的index.html指向projects檔案下的index.html那在頂層裡的url設定為 url="projects/index.html",

　　指向上級目錄，將上述過程返過來，有projects/index.html指向頂層index.html那麼應該這麼來設定url=”../index.html“往上退一級指向根目錄之後再指向index.html。

　　文檔片段

　　超連結同樣可以連結到文檔特定部分，被稱為文檔片段，可以連結到任意一個分配id屬性了的元素到連結，通常連結到標題時非常有意義的。

例如： <h2 id="Mailing_address">Mailing address</h2>

<p><a href="contacts.html#mailing">mailing address.</a></p>//表示連結到這個檔案的指定片段

相應地，你也可以使用連結到同一份檔案的另一部分。

　　絕對連結和相對連結

絕對url指的時web上的絕對位置定義的位置，包括協議，網域名稱，不管再哪使用都指向相同的位置；

相對url,指向與連結的檔案相關的位置，一個url指向不同的位置，取決於它所在的檔案所在的位置，

　　　儘可能使用相對連結，當連結到同一網站的位置使用相對連結，連結到其他網站則使用絕對連結：首先代碼容易得多，相對url要更端，閱讀容易，其次，在可能的情況下使用相對url更有效，使用絕對url，瀏覽器要進行一此DNS查詢url對應的真實位置，然後再轉到該伺服器尋找並請求所請求的檔案；相對url瀏覽器只在同一伺服器請求檔案，如果使用絕對url則會不斷查詢，降低效率；

　　連結到非HTML資源，留下清晰的指示。

　　如果連結到一個大資源檔，如果沒有安裝FLASH播放器，應該給予一些措辭減少混亂。在下載連結時使用下載屬性，<a href="https://download.mozilla.org/?product=firefox-latest-ss&os=win64&lang=en0us" download="firefox-latest-64bit-installer.exe"></a>紅色部分意味著下載屬性。

　　電子郵件連結

　　當點擊一個連結或按鈕時，<a href="mailto:[email protected]">send email to nowhere</a>點擊後一個新的郵件用戶端被開啟，沒有收件者的地址資訊，在分享的時候很有用

具體細節還可以i添加一些主題，抄送，主題，也可以指定段內容訊息。

例如<a href="mailto:[email protected][email protected]&[email protected]&app;subject=th2%20subject..."></a>

注意其中每個欄位必須時URL編碼的，不能有非列印字元，不可見字元比如定位字元、分行符號、分頁符和空格，使用問號來對參數進行分隔，使用&來分割mailto:中的各個參數。

　　總結：詳細描述連結，以及相對url和絕對url的選擇，掌握好使用原則也要記住原理，在於郵件傳輸時各個參數的傳遞方式和書寫規則，當url連結到大檔案時，添加下載屬性，做清晰提示。這些都是寫好HTML的一些必備技能，警告自己基礎一定要牢固，透徹到骨子裡。

 

HTML4入門