close

 

拿到設計圖後，最簡單的就是將最基本的架構建構起來，然後思考所需用到的套件!

所以基本架構一定要先建立好!包含基本的SEO需求!

 

● web page基本架構如下:

<!DOCTYPE html>

<html>

<head></head>

<body></body>

</html>

 

這架構是最基本的網頁架構!所以一般新手都一定要知道~記得，不要忘記宣告唷!!

 

● 加入基本配備的web page架構如下:

<!DOCTYPE html>

<html lang="zh-TW" dir="ltr"> <!--lang屬性為說明當前網頁所顯示的語言(雖然沒什麼用處，但對特定xml/xhtml還是有作用)，dir為文字方向-->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--告訴瀏覽器此HTML網頁的文字碼是萬用字元碼"utf-8"。此為html4寫法。-->

<meta charset=UTF-8"/> <!--同上。此為html5寫法。-->

<meta name="description" content=""> <!--定義網頁敘述-->

<meta name="keywords" content="a, b,c"> <!--定義關鍵字-->

<meta name="author" content="yuyu"> <!--定義作者-->

</head>

<body>

<header></header>

<main></main>

<footer></footer> <!--一般網頁則會具有header，main及footer作為body內的基本架構-->

</body>

</html>

 

在基本架構完成後，就可以開始切版了!至於meta值其實還有很多，也有為了FB分享所定義的meta值，可參考Metadata對於FB分享功能的設定

arrow
arrow
    文章標籤
    html web design meta html基本架構
    全站熱搜
    創作者介紹
    創作者 yuyubb 的頭像
    yuyubb

    YuYu Note･ᴗ･

    yuyubb 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄