tft每日頭條

 > 科技

 > html5響應式布局思路

html5響應式布局思路

科技 更新时间:2024-11-22 02:53:03

很多剛入門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中,标簽元素是給計算機讀的,為注釋是給程序員看的。

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

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved