淺談通用頁面的創建步驟

2022-08-12 分類：網站建設

1．選擇一種DOCTYPE

HTML或者XTHML的最終版本非常適用于固定寬度布局和靈活布局。請確認你已經選擇了一個DOCTYPE-你可以成功地滿足該DOCTYPE的需求來創建有效的櫟記，這樣一來你便可以有一個更好的跨瀏覽器進行正確渲染的機會。

2．將內容放到頁面上，并且添加上有助記作用的標記

每一塊內容都需要使用合適的(X)HTML元素來標記，以表明它是什么，例如一個段落、一級標題或者塊引用。不要添加任何帶表象性質的標記，如font.b或center元素，因為它們由CSS控制。助記標識的眾多好處之一是它可以提供更多的“鉤子(hook)”以連接CSS——之后在對布局設置樣式時便可以得到十分明顯的好處。

3．使用div成組內容

盡管div是一個中性的助記元素，但是非常適合在你的頁面適度地添加。請使用最小的數量將大量的信息成組為有組織性的或者有主題的組，例如導航、主內容和頁腳。理想地是，你再也不需要添加任何多余的div來獲取視覺效果，可以在不用考慮div將在頁面上的哪個位置出現的情況下，將div以最有邏輯性的順序放在源代碼中，但是在現實中這種情況甚為少見。瀏覽器和CSS的限制使得稍微調整div以適應視覺格式變得非常有必要，因此我們將在創建布局時分別講解與每個即將創建的布局相適應的div結構。

4．附加一個或多個樣式表

使用頁面head中的link元素或者@import指令來添加樣式表。在最初的研發過程中，你只需要通過將它們放在head中的style元素中，即可將這些樣式嵌入到個別頁面中。接下來。當你對這些樣式很滿意時，便可以將這些樣式移動到一個外部樣式表中，并且在創建頁面動態效果之前將它們應用于多個頁面。本書中的絕大多數實例文件都由嵌入的樣式創建，因此一個文件中將包含所有需要使用和引用的文件。在你完成這些初期步驟之后，你便可以開始準備在這些樣式表中進行填充以創建布局。

文章名稱：淺談通用頁面的創建步驟
標題來源：http://m.kartarina.com/news/189047.html

成都網站建設公司_創新互聯，為您提供網站營銷、企業建站、微信公眾號、域名注冊、定制開發、Google

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容