HTML第二小節(jié)第二天

內(nèi)聯(lián)框架

會(huì)破壞網(wǎng)站的seo,不建議使用,是行內(nèi)標(biāo)簽,可以多個(gè)用在同一行.

meta標(biāo)簽 網(wǎng)站SEO 關(guān)鍵詞和描述

<meta name="keywords" content="招聘java,php,android,ios,c/c++,網(wǎng)頁設(shè)計(jì),平面設(shè)計(jì),UI設(shè)計(jì),JavaScript,網(wǎng)絡(luò)營銷講師">

<meta name="description" content="IT培訓(xùn)的龍頭老大,年薪30萬-50萬招聘Java,PHP, android,ios,c/c++。">

注意SEO keywords 關(guān)鍵詞不要太多,不要超過10個(gè),越少越好,越少權(quán)重越高

description描述也不要太多,一句話描述當(dāng)面頁面即可


<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

上面代表如果是用ie打開的當(dāng)前頁面,那么就使用最新的ie版本打開此頁面。

base標(biāo)簽

可以讓當(dāng)前頁面中所有的a標(biāo)簽擁有相同的屬性,比如說target屬性

不常用標(biāo)簽


pre標(biāo)簽

不進(jìn)行空格的合并

特殊字符實(shí)體

怎么才能實(shí)現(xiàn)在HTML頁面中顯示HTML的代碼呢?

比如說:要在頁面中顯示:< >

代碼中輸入&lt;這是<,&gt;這是>

具體對應(yīng)見圖

紅色標(biāo)記為常用,須記憶

HTML的語義化

Web語義化是指使用語義恰當(dāng)?shù)臉?biāo)簽,使頁面有良好的結(jié)構(gòu),頁面元素有含義,能夠讓人和搜索引擎都容易理解。

標(biāo)簽與語義相結(jié)合,盡量不要使用沒有語義的標(biāo)簽比如:div、span,盡量使用p、ul、ol、table等標(biāo)簽。

充分利用標(biāo)簽?zāi)J(rèn)的含義

標(biāo)題標(biāo)簽的選擇

h1-h6, th,td,ul,ol,dl,dd,dt,p,em,strong

HTML5的標(biāo)簽語義化更徹底

標(biāo)簽的類型

HTML標(biāo)記一般分為塊標(biāo)記和行內(nèi)標(biāo)記兩種類型,它們也稱塊元素和行內(nèi)元素。具體如下:

塊元素

每個(gè)塊元素通常都會(huì)獨(dú)自占據(jù)一整行或多整行,可以對其設(shè)置寬度、高度、對齊等屬性,常用于網(wǎng)頁布局和網(wǎng)頁結(jié)構(gòu)的搭建。

常見的塊元素有h1-h6,p,div,ul,ol,li等,其中div標(biāo)記是最典型的塊元素

行內(nèi)元素

行內(nèi)元素不占有獨(dú)立的區(qū)域,僅僅靠自身的字體大小和圖像尺寸來支撐結(jié)構(gòu),一般不可以設(shè)置寬度、高度、對齊等屬性,常用于控制頁面中文本的樣式。

常見的行內(nèi)元素有strong, b, em, i, del, s, ins, u, a, span.其中<span>標(biāo)記最典型的行內(nèi)元素

HTML

1、網(wǎng)頁結(jié)構(gòu):HTML

Div、span、strong、em、table、tr、td

Ul、li、ol、dl、dt、dd

Input? select? textarea lable form fielset

2、CSS,描述樣式

3、JavaScript,實(shí)現(xiàn)頁面交互的效果

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,093評論 1 92
  • 列表標(biāo)簽: 無序列表:ul 語法:(下圖) 注: … 標(biāo)記表示這一個(gè)無序列表的開始與結(jié)束,而 則表示這是一個(gè)列表項(xiàng)...
    顯然2017閱讀 796評論 1 2
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,349評論 0 8
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,439評論 0 5
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,205評論 2 21

友情鏈接更多精彩內(nèi)容