天天看點

Html5基本知識點FontEnd                              第一章,常用标簽                              第二章,實體(轉義字元)                              第三章,meta标簽                              第四章,XHtml文法規範                              第五章:内聯架構

FontEnd

前端相關知識

                              第一章,常用标簽

标題标簽

–在HTML中,一共有六級标題 h1-h6

在顯示效果上:h1最大,h6最小 标簽都是語義化标簽

6級标題中,h1最重要,h1-h6重要性依次降低 h1标簽非常重要,會影響頁面在搜尋引擎中的排名,頁面中隻能寫一個h1

<h1>一級标題</h1>
<h2>二級标題</h2>
<h3>三級标題</h3>
<h4>四級标題</h4>
<h5>五級标題</h5>
<h6>六級标題</h6>
           

段落标簽

段落标簽用于表示内容中的一個自然段使用p标簽來表示一個段落p标簽中的文字,預設會獨占一行,并且段與段之間有一個間距

<p>這是一個p标簽,用來表示一個段落</p>
<p>這是一個p标簽,用來表示一個段落</p>
<p>這是一個p标簽,用來表示一個段落</p>
           

換行标簽

換行标簽,自結束

第一行換行 <br/>
 第一行換行 <br/>
 第一行換行 <br/>
 第一行換行 <br/>
           

水準線标簽

hr标簽可以在頁面中生成一條水準線,自結束

                              第二章,實體(轉義字元)

在html中,一些如<>中特殊字元是不能直接使用的需要使用一些特殊的符号來表示這些特殊字元,這些特殊符号我們稱為實體(轉義字元)

實體的文法:     
      &實體的名字;



< &lt;
> &gt;
空格 &nbsp;
           

例子:

這是&nbsp;一個空格&nbsp;&nbsp;兩個空格&nbsp;&nbsp;&nbsp;三個空格&nbsp;&nbsp;&nbsp;&nbsp;四個空格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;五個空格
a &lt; b &gt; c
           

                              第三章,meta标簽

設定關鍵字

設定meta标簽設定網頁的關鍵字

添加網頁描述到搜尋引擎

還可以用來指定網頁的描述搜尋引擎在檢索時使用

<meta name="description" content="釋出h5,js等前端相關資訊">
           

實作網頁跳轉(規定時間)

使用meta可以用來做請求的重定向

文法:

執行個體:

​ 5秒之後跳轉至部落格頁面

                              第四章,XHtml文法規範

1,html中不區分大小寫,但是我們一般都使用小寫

2,html中注釋一般不能嵌套

3,html中标簽必須結構完整,要麼成對出現,要麼自結束标簽

                              第五章:内聯架構

使用内聯架構可以引入一個外部的頁面
使用iframe來建立一個内聯架構
屬性:
src:指向一個外部頁面的路徑,可以使用相對路徑

繼續閱讀