?一 心得體會(huì)

今天的任務(wù)是利用HTML制作一份在線簡歷，先不考慮樣式，只從結(jié)構(gòu)和語義化方面著手。對(duì)于已經(jīng)有了前端b編程經(jīng)驗(yàn)的我來說挺簡單的，但是我還是當(dāng)作我是一個(gè)剛?cè)腴T的菜鳥，在學(xué)習(xí)過程中發(fā)現(xiàn)其實(shí)還有很多基礎(chǔ)知識(shí)被我忽略了，例如meta的強(qiáng)大功能，HTML5表單新增的輸入類型，列表標(biāo)簽dl、dt、dd等，這提醒這我不要眼高手低，要潛心學(xué)習(xí)，穩(wěn)固基礎(chǔ)。

二 相關(guān)知識(shí)點(diǎn)

問題1 HTML是什么，HTML5是什么？

HTML是一個(gè)超文本標(biāo)記語言(Hyper Text Markup Language)，其有一套標(biāo)記標(biāo)簽，使用這些標(biāo)記標(biāo)簽來描述網(wǎng)頁。

HTML5是最新的HTML標(biāo)準(zhǔn)，新增了一些元素，API，同時(shí)也刪除了部分舊元素，具體可以看相關(guān)文檔。相較于 HTML4來說，HTML5最大的改進(jìn)就是新增了強(qiáng)大的圖像支持(和 )，多媒體支持(

問題2 HTML文檔是什么？

HTML文檔其實(shí)就是我們看到的網(wǎng)頁，其包含HTML標(biāo)簽和純文本。

問題3 HTML元素、標(biāo)簽、屬性都是什么概念？

HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，表示其在HTML文檔中的含義。元素標(biāo)簽通常成對(duì)出現(xiàn)()；成對(duì)出現(xiàn)的標(biāo)簽第一個(gè)為開始標(biāo)簽(或開放標(biāo)簽)，第二個(gè)為結(jié)束標(biāo)簽(或閉合標(biāo)簽)，結(jié)束標(biāo)簽多了一個(gè)/。

HTML元素是指從開始標(biāo)簽到結(jié)束標(biāo)簽的所有代碼(

包含標(biāo)簽和此文本

)。注意：如果元素內(nèi)沒有文本，可以直接在開始標(biāo)簽進(jìn)行關(guān)閉(

HTML屬性相當(dāng)于HTML元素的修飾符，為該元素提供相應(yīng)的特性。屬性通常以鍵值對(duì)的形式出現(xiàn)(name="value")，并且都是出現(xiàn)在開始標(biāo)簽中。

問題4 文檔類型是什么概念，起什么作用？

HTML經(jīng)歷過多個(gè)版本的更新，每個(gè)版本中元素不盡相同，那么我們?nèi)绾尾拍苁褂?jì)算機(jī)準(zhǔn)確知道當(dāng)前的版本并正確顯示HTML頁面呢？為了解決這個(gè)問題，引進(jìn)了文檔類型的概念。在HTML文檔首行使用來聲明該HTML文檔的版本，如果版本為HTML5，那么聲明代碼為；如果為HTML4，那么聲明代碼為目前創(chuàng)建新網(wǎng)頁都盡量使用HTML5的文檔類型，維護(hù)舊網(wǎng)頁可以沿用舊網(wǎng)頁的文檔類型。

問題5 meta標(biāo)簽都用來做什么的？

meta標(biāo)簽位于HTML頭部，攜帶元信息，不顯示在頁面上，對(duì)于計(jì)算機(jī)是可讀的。其主要作用有以下幾點(diǎn)：

聲明當(dāng)前文檔所使用的字符編碼

注意：鼓勵(lì)使用UTF-8字符編碼，不使用不兼容ASCII的編碼規(guī)范，必須禁用CESU-8, UTF-7, BOCU-1或 SCSU這些字符，因?yàn)槠浔蛔C實(shí)存在跨站腳本攻擊(XSS)的風(fēng)險(xiǎn)。

攜帶相關(guān)信息關(guān)聯(lián)到HTTP頭部

此處需要用到http-equiv和content屬性

注：http-equiv的屬性值content-language, content-type, set-cookie已經(jīng)棄用，請(qǐng)查看最新文檔使用替代方案

示意代碼如下：

< Meta HTTP-EQUIV="refresh" content="6; url=地址" >

使用name屬性攜帶相關(guān)信息

示意代碼如下：

< Meta name="author" content="前端嘮嘮嗑" >< Meta name="keyword" content="關(guān)鍵字" >< Meta name="descript" content="描述內(nèi)容" >

問題6 Web語義化是什么，是為了解決什么問題

我理解的語義化有兩方面：1. 便于計(jì)算機(jī)識(shí)別HTML內(nèi)容，降低其處理難度，提高效率，與此同時(shí)還能搜索程序更好更快的搜索到此文檔；2. 便于程序員理解代碼以及后期維護(hù)——結(jié)構(gòu)良好，語義明確的代碼利于閱讀和維護(hù)。

問題7 鏈接是什么概念，對(duì)應(yīng)什么標(biāo)簽？

超鏈接的含義是一個(gè)點(diǎn)擊跳轉(zhuǎn)相應(yīng)文檔的字，詞或者圖像。對(duì)應(yīng)的為標(biāo)簽。其使用方式如下。

通過href屬性跳轉(zhuǎn)到另一個(gè)HTML文檔

跳轉(zhuǎn)到相應(yīng)的地址

跳轉(zhuǎn)文檔內(nèi)的錨點(diǎn)(書簽)

設(shè)定的錨點(diǎn)跳轉(zhuǎn)錨點(diǎn)

注意：創(chuàng)建錨點(diǎn)時(shí)可以用id來替代name屬性，也可以用其他元素標(biāo)簽替代a標(biāo)簽。

跳轉(zhuǎn)另一個(gè)文檔的錨點(diǎn)

另一個(gè)文檔的錨點(diǎn)

問題8 常用標(biāo)簽都有哪些，都適合用在什么場(chǎng)景？

塊級(jí)元素：——外框,

——段落,

——標(biāo)題,

• ——列表,

行內(nèi)元素：——提示性文字,——鏈接, ——加粗, ——圖像,——表格單元

問題9 表單標(biāo)簽都有哪些，對(duì)應(yīng)著什么功能，都有哪些屬性？

表單一般包裹在

標(biāo)簽下，主要用于用戶輸入，獲取用戶輸入的信息并傳輸給服務(wù)器。其輸入類型有以下幾種：

文本

• 單行文本輸入
• 多行文本輸入

2.密碼(輸入的字符會(huì)做掩碼處理)

單選

MaleFemale

注：當(dāng)input的type為radio時(shí)，該輸入框?yàn)閱芜x框，若單選框的name值相同，那么他們是同一組選項(xiàng)，不能同時(shí)選取到。

多選

I have a bikeI have a car

注：當(dāng)input的type為checkbox時(shí)，該輸入框?yàn)閱芜x框，若單選框的name值相同，那么他們是同一組選項(xiàng)，可以同時(shí)選取到。

按鈕

注：點(diǎn)擊可以執(zhí)行相關(guān)操作

submit

此輸入類型用于提交表單到服務(wù)器

HTML5新增輸入類型()

• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

注釋：老式 web 瀏覽器不支持的輸入類型，會(huì)被視為輸入類型 text。

問題10 ol, ul, li, dl, dd, dt等這些標(biāo)簽都適合用在什么地方，舉個(gè)例子

ol搭配li構(gòu)建有序列表，ul搭配li構(gòu)建無序列表，dl，dd，dt不常用，看了一下介紹dl類似于ol和ul，屬于最外層標(biāo)簽；dd類似于li，表示項(xiàng)目內(nèi)容；而dt類似于序號(hào)，只不過內(nèi)容可以自定義。由以上可以看出dl，dd，dt挺適合做菜單類列表，dt表示菜名，dd表示相應(yīng)菜品的介紹。

?

總結(jié)

以上是生活随笔為你收集整理的cookie 在线人数列表_前端学习随笔2 在线简历的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。