HTML 是什么
HTML 是用來描述網(wǎng)頁內(nèi)容的一種語言
head 里的標(biāo)簽
head標(biāo)簽里主要得幾個標(biāo)簽有
meta, link, script, title
meta
元素可提供有關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。
body 里的標(biāo)簽
body里的標(biāo)簽就太多了隙券,主要分為幾類
- Section
- Group Content
- Text Marker
- Table
- Form
- Embed
div 標(biāo)簽
為什么使用 div 標(biāo)簽
<div>
標(biāo)簽可以將網(wǎng)頁分割成不同的固阁、清晰的诈火、獨立的局部模塊溜哮,然后在不同的模塊中添加內(nèi)容屿良。 這樣使網(wǎng)頁布局結(jié)構(gòu)更加清晰悠栓,代碼更加獨立霉涨,代碼修改時能盡量少地影響到整體頁面, 所以在網(wǎng)頁開發(fā)中提倡使用<div>
標(biāo)簽惭适。
div 標(biāo)簽使用及常用屬性
下面講一下 <div>
標(biāo)簽的使用:
<div id="left" class = "left_css"> <p>左側(cè)欄</p></div>
- id: 用于標(biāo)識
<div>
塊(即<div>
標(biāo)簽的名字) - class: 修飾
<div>
塊的css樣式組
<div>
圖層定義常見的屬性設(shè)置:
- position:絕對定位和相對定位 (
abosolute
,relative
) - height:
<div>
模塊的高度 - width:
<div>
模塊的寬度 - left:相對于窗口左邊的位置
- top:相對于窗口上邊的位置
section 標(biāo)簽
為什么使用"section"
網(wǎng)頁中一些描述性模塊一般會區(qū)分標(biāo)題笙瑟、段落、導(dǎo)航癞志、側(cè)邊欄等展示給用戶往枷,雖然我們有了div布局頁面,但為了使我們更加清晰更加準(zhǔn)確地根據(jù)不同的需求進(jìn)行頁面布局凄杯,html5引進(jìn)了一些具有特殊意義的"section"標(biāo)簽错洁,這就需要我們對這些有意義的"section"進(jìn)行學(xué)習(xí)。
<h>標(biāo)簽的學(xué)習(xí)與使用
六種H標(biāo)簽戒突,分別為h1屯碴,h2,h3膊存,h4导而,h5,h6
H標(biāo)簽設(shè)置文字模塊的標(biāo)題隔崎,不同級別的標(biāo)題今艺,使用不同的h標(biāo)簽,<h1>
標(biāo)簽級別最高爵卒。每一對H標(biāo)簽將其里面的內(nèi)容作為一個獨立的模塊虚缎。如下為H標(biāo)簽的使用:
<h1>我是H1</h1>
<h2>我是H2</h2>
<h3>我是H3</h3>
<h4>我是H4</h4>
<h5>我是H5</h5>
<h6>我是H6</h6>
對應(yīng)的效果如下:
<h1>我是H1</h1>
<h2>我是H2</h2>
<h3>我是H3</h3>
<h4>我是H4</h4>
<h5>我是H5</h5>
<h6>我是H6</h6>
網(wǎng)頁中的<section>和<article>標(biāo)簽
<section>
顧名思義就是一個章節(jié),它適用于對文檔進(jìn)行分塊技潘,將文檔劃分為章節(jié)(常用語修飾文檔大綱)遥巴,或者對一篇文章進(jìn)行分塊,將整篇文章分成不同的內(nèi)容塊享幽。
<section>
一般包含h1~h6中的標(biāo)題元素铲掐。
<article>
標(biāo)簽是特殊的<section>
標(biāo)簽,與section不同值桩,<article>
標(biāo)簽是將文檔或文章中的內(nèi)容劃分為相對獨立的模塊(如摆霉,將整本書的內(nèi)容劃分成多篇文章,或者將一篇文章劃分成相對獨立的不同的小結(jié)等),當(dāng)然携栋,我們所說的獨立是指同一級別的article標(biāo)簽中的內(nèi)容是相互獨立的搭盾,所以一般在article標(biāo)簽內(nèi)一般包含header和footer標(biāo)簽。