html 小知識(shí)點(diǎn)記錄

https://learn.freecodecamp.org/responsive-web-design/

1.<!--HTML的注釋方式-->2

2.<a href="#contacts-header">Contacts</a>

...

<h2 id="contacts-header">Contacts</h2>

頁面內(nèi)的跳轉(zhuǎn) href屬性的值寫為#id辖试，同時(shí) target = "_blank"應(yīng)該取消涕蜂。_blank表示在一個(gè)新的頁面打開內(nèi)容

3. <p>Click here to view more <a target="_blank">cat photos</a>.</p>

嵌套標(biāo)簽a，是a標(biāo)簽可以進(jìn)行跳轉(zhuǎn)滥比，同時(shí)a標(biāo)簽會(huì)出現(xiàn)不同的顏色

4. a標(biāo)簽內(nèi)使用#表示一個(gè)死標(biāo)簽牙咏，這種操作可以為以后的JS動(dòng)態(tài)修改連接內(nèi)容提供便利

<a href = "#",target = "_blank></a>

5.ul(unorder list)? li (list)? ? ul標(biāo)簽用來穿件一個(gè)無序列表臼隔，其內(nèi)部可以有多個(gè)li標(biāo)簽表示逐個(gè)列表.無序列表前面顯示的默認(rèn)圖標(biāo)是一個(gè)黑色的實(shí)心圓。

ol表示有序列表妄壶，有序列表前默認(rèn)顯示的圖標(biāo)是數(shù)字

6.input元素摔握，接受用戶的輸入，自關(guān)閉標(biāo)簽<input type="text placeholder="this is a placeholder">? ?這個(gè)屬性支持性右問題丁寄，IE10上才支持氨淌，提醒我們在練習(xí)的時(shí)候資料可能比較老。同時(shí)自管壁標(biāo)簽現(xiàn)在的寫法是<input type="text"/>

7.form 表單? 主要用來以純HTML的文本形式來提交用戶輸入的內(nèi)容到指定的server伊磺，action 后面跟的是目標(biāo)的server盛正。提交的內(nèi)容在內(nèi)部的input標(biāo)簽內(nèi)書寫，最后以button按鈕進(jìn)行提交.

<input type="submit" value="1"/>還可以使用這種形式提交屑埋，value中的值表示按鈕顯示給用戶的內(nèi)容

如果FORM 表單內(nèi)的input 標(biāo)簽寫有required 字樣豪筝，則表示次input為必添加內(nèi)容，如果內(nèi)容為空或者默認(rèn)時(shí)摘能，無法提交

8.單選標(biāo)簽 但需要用戶在多個(gè)選項(xiàng)中只選擇唯一選項(xiàng)的時(shí)候续崖，如性別，家鄉(xiāng)等情況的時(shí)候团搞，可以通過設(shè)置input標(biāo)簽的type屬性為radio袜刷，通過name屬性建立一個(gè)radio組，在具有相同name屬性的radio組中莺丑，當(dāng)用戶選擇其中的一個(gè)的時(shí)候，則其radio組中的其他成員自動(dòng)取消。

同時(shí)label標(biāo)簽的for屬性可以用來嵌套input標(biāo)簽梢莽，通過label標(biāo)簽的for屬性和input標(biāo)簽的id屬性使兩者之間建立關(guān)聯(lián)萧豆。（暫時(shí)不知道有什么大用處）

9.多選標(biāo)簽 同樣為input 標(biāo)簽，type屬性設(shè)置為checkbox昏名，name屬性可以規(guī)定組涮雷，但是沒有意義甘有，提交到后端的內(nèi)容究竟是什么呢嘱腥？

查看W3C網(wǎng)校的value可以得知置谦，form表單中提交的內(nèi)容主要源自于value的值拧额，但是在input標(biāo)簽中注竿，value的值含義并不相同

type="button", "reset", "submit" - 定義按鈕上的顯示的文本

type="text", "password", "hidden" - 定義輸入字段的初始值

type="checkbox", "radio", "image" - 定義與輸入相關(guān)聯(lián)的值 （同時(shí)需要注意checkbox radio 必須出示話value的值赦役，如果沒有初始化value的值烈拒，則相當(dāng)于沒有值段磨，其實(shí)在form表單中提交內(nèi)容就是空）

10.check屬性的應(yīng)用：就是在用戶回答之前給一個(gè)初始化的默認(rèn)值镇饮，如性別的男女蜓竹，省份，愛好储藐，在radio和checkbox均可以使用