3-頁面結構與模塊劃分

網頁結構css

一個HTML文件是有本身固定的結構的。html

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
 </body>
</html>

<!DOCTYPE html>定義文檔類型,告知瀏覽器用哪種標準解釋HTML瀏覽器

<html></html>可告知瀏覽器其自身是一個HTML文檔。ide

<head></head>標籤用於定義文檔的頭部,它是全部頭部元素的容器。頭部元素有<title></title>
<script></script> <style></style> <link> <meta>等標籤。網站

<title>元素可定義文檔的標題。code

<link>標籤將css樣式文件連接到html文件內。htm

<meta>定義文檔的元數據,網頁的元信息。圖片

模塊劃分ip

每一個網頁都是由不一樣的功能模塊組成的,所以在將製做網頁的時候,咱們要將網頁的每一個功能模塊分開文檔

常見的企業網站,多由頭部區,展現圖片區域,主題區域,底部信息區域組成

網頁拆分原則

  • 由上到下
  • 由內到外

div header footer nav atricle aside 等標籤多用於模塊劃分

相關文章
相關標籤/搜索