溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“html制作需要注意的問題有哪些”，在日常操作中，相信很多人在html制作需要注意的問題有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html制作需要注意的問題有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
一、頁面編碼結構及基礎的命名規范
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<!--頁面編碼：以UTF-8居多-->
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<!--額外樣式以及引用的外部樣式文件，其中相對路徑和絕對路徑這里暫不討論-->
<style type="text/css"></style>
<!--額外腳本以及引用的外部Js、Jquery庫等
--><script type="text/javascript"></script>
</head>
<body>
<!--頭部標簽 有的時候header會包含在warp，但最好給獨立標簽-->
<div id="header">
<!--導航標簽 注：雖然有時候頭部和導航會合二為一，但不能圖省事而混為一談-->
<div id="Nav">
<ul>
<li><a href="##">Nav1</a></li>
<!--或-->
<li><a href="##"><span>Nav1</span></a></li>
</ul>
</div>
</div>
<!--頁面主體 頁面主體ID按我的習慣用Warp和Main比較多-->
<div id="warp">
<!--左側內容 一般為左側導航，后面接著廣告位、簡單的聯系信息或者快速搜索等-->
<div id="LeftContent">
<!--左側導航-->
<div id="LeftNav">
<ul>
<li><a href="###">Jump To</a></li>
</ul>
</div>
<!--廣告位-->
<div id="Ad" ></div>
<!--簡單聯系信息-->
<div id="Contact" ></div>
</div>
<!--右側主體內容 這里面就自由發揮，不贅述-->
<div id="RighrContent"></div>
</div>
<!--底部 包括了版權 備案號、統計代碼、推廣代碼等各種代碼的均加到此處-->
<div id="footer"></div>
</body>
</html>
1、相信大多數新手還是看的懂得。頁面總共化為為<head>、<header>、<warp>、<footer>，以上將頁面劃分為四塊
有時候也會有三塊，情況是<header>包含在了<warp>里面。具體的因設計頁面來靈活調整。其實無論分幾塊，主要是
各個塊獨立成標簽形成規律，這樣的話在后續程序開發中<header>、<footer>以及上述代碼中的<div id="LeftContent">等標簽可
以使用公用控件利于后端開發效率以及后期維護
二、頁面文件結構
1、如圖這是一個基本的文件結構方式。其中NewsCenter、Product為各欄目，一定要按欄目建立文件夾然后在里面建立頁面文件。要不然所有頁面全部放在根目錄，剛開始做的時候還不覺得，給另外的人用或者自己改，那就眼睛瞎了。
2、其次也是最為重要的頁面元素文件(我自己定義的)，全部放在skins文件夾里面，然后按文件屬性再建立文件夾然后再建立對應文件。
到此，關于“html制作需要注意的問題有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
