html5響應式布局思路-tft每日頭條

很多剛入門HTML5前端開發的小夥伴對HTML頁面的基本機構代碼還不是很清楚，下面和千鋒廣州小編一起來看看吧。

1、什麼是标簽：

html标簽組成是html文檔的最基本元素,一般是成對出現,由開始标簽和與其對應的結束标簽構成.?如<html></html>，<p></p>，<body></body>，<head></head>，<span></span>等,此外，還有一些标簽是單獨出現的，如<img/>,<input/>等，标簽可以相互嵌套使用。

由于html語言是一門弱類型語言,對格式的要求不是非常嚴格，因此所有标簽是不區分大小寫的,但是，一般在實際開發中，大家都統一使用小寫。

2、html文檔的基本結構

如上圖，每一個html文檔的基本結構為：

html5響應式布局思路（HTML頁面的基本代碼結構是什麼）1

第一層：

<!DOCTTYPE>------！文檔類型，它的目的是要告訴标準通用标記語言解析器，它應該使用什麼樣的文檔類型定義（DTD）來解析文檔，在html5文檔中，一般寫為<!DOCTTYPE html> ;值得注意的是，<!DOCTTYPE>不屬于html标簽。

<html></html>-------html标簽，是html文檔的根标簽，所有的網頁标簽都放在這對标簽中，是所有html标簽的祖先容器。

第二層：

<head></head>-------頭部标簽，代表着html文檔的頭信息，是所有頭部元素的容器，内部一般包含：<title> <script><style><meta><link>這些頭部元素。

<body></body>-------網頁主體标簽，其内部主要包含着構成網頁内容的一些元素，如<p></p>,<span></span>,<div></div>,<table></table>等。這些元素都會在網頁的内容部分顯示。

3、标簽的屬性

就如人有這身高、體重、年齡等這些屬性一樣，html标簽也有自己的屬性，如字體顔色，寬，高，背景等。這些屬性一般通過鍵值對的形式卸載标簽中，是标簽的一部分，并且每種标簽的屬性都不完全像同，有的标簽有着自己特有的屬性。如下圖所示：

html5響應式布局思路（HTML頁面的基本代碼結構是什麼）2

4、html注釋

在實際開發中，我們需要在html文檔中做一些标記，方便日後對代碼的維護及修改，也方便其他程序員了解我們的代碼。而在html文檔中，注釋的格式為:

html5響應式布局思路（HTML頁面的基本代碼結構是什麼）3

我們可以理解為，html中，标簽元素是給計算機讀的，為注釋是給程序員看的。

以上就是今天分享的内容，希望對大家有幫助哦！