?一 心得體會

今天的任務是利用HTML制作一份在線簡歷，先不考慮樣式，只從結構和語義化方面著手。對于已經有了前端b編程經驗的我來說挺簡單的，但是我還是當作我是一個剛入門的菜鳥，在學習過程中發現其實還有很多基礎知識被我忽略了，例如meta的強大功能，HTML5表單新增的輸入類型，列表標簽dl、dt、dd等，這提醒這我不要眼高手低，要潛心學習，穩固基礎。

二 相關知識點

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

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

HTML5是最新的HTML標準，新增了一些元素，API，同時也刪除了部分舊元素，具體可以看相關文檔。相較于 HTML4來說，HTML5最大的改進就是新增了強大的圖像支持(和 )，多媒體支持(

問題2 HTML文檔是什么？

HTML文檔其實就是我們看到的網頁，其包含HTML標簽和純文本。

問題3 HTML元素、標簽、屬性都是什么概念？

HTML標簽是由尖括號包圍的關鍵詞，表示其在HTML文檔中的含義。元素標簽通常成對出現()；成對出現的標簽第一個為開始標簽(或開放標簽)，第二個為結束標簽(或閉合標簽)，結束標簽多了一個/。

HTML元素是指從開始標簽到結束標簽的所有代碼(

包含標簽和此文本

)。注意：如果元素內沒有文本，可以直接在開始標簽進行關閉(

HTML屬性相當于HTML元素的修飾符，為該元素提供相應的特性。屬性通常以鍵值對的形式出現(name="value")，并且都是出現在開始標簽中。

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

HTML經歷過多個版本的更新，每個版本中元素不盡相同，那么我們如何才能使計算機準確知道當前的版本并正確顯示HTML頁面呢？為了解決這個問題，引進了文檔類型的概念。在HTML文檔首行使用來聲明該HTML文檔的版本，如果版本為HTML5，那么聲明代碼為；如果為HTML4，那么聲明代碼為目前創建新網頁都盡量使用HTML5的文檔類型，維護舊網頁可以沿用舊網頁的文檔類型。

問題5 meta標簽都用來做什么的？

meta標簽位于HTML頭部，攜帶元信息，不顯示在頁面上，對于計算機是可讀的。其主要作用有以下幾點：

聲明當前文檔所使用的字符編碼

注意：鼓勵使用UTF-8字符編碼，不使用不兼容ASCII的編碼規范，必須禁用CESU-8, UTF-7, BOCU-1或 SCSU這些字符，因為其被證實存在跨站腳本攻擊(XSS)的風險。

攜帶相關信息關聯到HTTP頭部

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

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

示意代碼如下：

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

使用name屬性攜帶相關信息

示意代碼如下：

< Meta name="author" content="前端嘮嘮嗑" >< Meta name="keyword" content="關鍵字" >< Meta name="descript" content="描述內容" >

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

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

問題7 鏈接是什么概念，對應什么標簽？

超鏈接的含義是一個點擊跳轉相應文檔的字，詞或者圖像。對應的為標簽。其使用方式如下。

通過href屬性跳轉到另一個HTML文檔

跳轉到相應的地址

跳轉文檔內的錨點(書簽)

設定的錨點跳轉錨點

注意：創建錨點時可以用id來替代name屬性，也可以用其他元素標簽替代a標簽。

跳轉另一個文檔的錨點

另一個文檔的錨點

問題8 常用標簽都有哪些，都適合用在什么場景？

塊級元素：——外框,

——段落,

——標題,

• ——列表,

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

問題9 表單標簽都有哪些，對應著什么功能，都有哪些屬性？

表單一般包裹在

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

文本

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

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

單選

MaleFemale

注：當input的type為radio時，該輸入框為單選框，若單選框的name值相同，那么他們是同一組選項，不能同時選取到。

多選

I have a bikeI have a car

注：當input的type為checkbox時，該輸入框為單選框，若單選框的name值相同，那么他們是同一組選項，可以同時選取到。

按鈕

注：點擊可以執行相關操作

submit

此輸入類型用于提交表單到服務器

HTML5新增輸入類型()

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

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

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

ol搭配li構建有序列表，ul搭配li構建無序列表，dl，dd，dt不常用，看了一下介紹dl類似于ol和ul，屬于最外層標簽；dd類似于li，表示項目內容；而dt類似于序號，只不過內容可以自定義。由以上可以看出dl，dd，dt挺適合做菜單類列表，dt表示菜名，dd表示相應菜品的介紹。

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。