HTML4

有序列表巷怜、無序列表袍祖、自定義列表如何使用挑辆?寫個簡單的例子笨触。三者在語義上有什么區(qū)別宾尚?哪些情況下使用那種丙笋?如何嵌套谢澈?

  • 有序列表,使用數(shù)字標記項目
  • 無序列表御板,使用黑點標記項目
  • 自定義列表锥忿,用來定義和解釋的列表
  • 有序列表適合各項目之間有順序關(guān)系的情況,無序列表適用于各項目之間沒有順序關(guān)系的情況怠肋,自定義列表適用于表示項目和其注釋的組合敬鬓。無序列表是使用最多的一種。
  • 列表嵌套

如何去除列表前面的點或者數(shù)字

li{
    list-style:none;
}

class 和 id 有什么區(qū)別?什么時候用class笙各,什么時候用id?

  • class 是描述元素的身份的屬性钉答,同一個頁面上不同元素可以命名為同一個class的屬性名,在CSS中我們可以用.加上class屬性名選擇同一屬性名的元素杈抢,進行樣式設(shè)計数尿。
  • id 是描述元素唯一標識的屬性,在同一個html文件中只有一個惶楼,是獨一無二的右蹦。在CSS中可以用#加上id名選擇這個元素。

塊級元素歼捐、行內(nèi)元素是什么何陆,有什么區(qū)別?分別對應(yīng)那些常用的標簽?

  • 塊級元素,上下都有換行豹储,排列時是向下排列甲献,獨自占一行。
  • 行內(nèi)元素颂翼,行內(nèi)元素可以與其他行內(nèi)元素排列在同一行晃洒,排列時是從左向右排列,只有在空間位置不夠時才會換行朦乏。
  • 塊級元素可以設(shè)padding margin width height 球及。行內(nèi)元素設(shè)width 和 height是無效的,而設(shè)padding和margin時呻疹,左右是有效的吃引,而上下是沒有效果的。

display:block刽锤、display:inlinedisplay:inline-block分別有什么作用?

  • dispaly:block將元素顯示為塊級元素镊尺。
  • siaplay:inline將元素顯示為行內(nèi)元素。
  • display:block-inline將元素顯示為行內(nèi)塊元素并思,不換行也具有塊級元素的屬性庐氮。不支持IE8以下。

下面代碼是做什么宋彼?

  • 將頁面分為三大塊弄砍,頭部仙畦,內(nèi)容區(qū),頁腳音婶。三塊中的內(nèi)容都有相同的類wrap

如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)?

  • HTML語義話的含義是指內(nèi)容的的結(jié)構(gòu)化慨畸,在合適的地方用合適的標簽。便于瀏覽器和搜索引擎解析衣式,在沒有樣式CSS的情況下具有良好的可讀性寸士。注意根據(jù)文檔上下結(jié)構(gòu),選擇最適合表達當前語義的標簽碴卧。

form表單有什么作用弱卡?有那些常用的input標簽,分別有什么作用螟深。

  • form表單就是接受用戶提交的數(shù)據(jù)谐宙,并在用戶點提交時將數(shù)據(jù)傳送給服務(wù)器烫葬,以便服務(wù)器端的程序處理數(shù)據(jù)界弧。
  • name 定義提交的數(shù)據(jù)的名稱。
  • action 提交到的地址搭综。
  • method 提交的數(shù)據(jù)的方式垢箕,有g(shù)et和post兩種。
  • type:
    text:一行文字
    textarea:一段文字
    password:提交用戶密碼兑巾,顯示為黑點条获、
    radio:單選圓圈
    checkbox:復(fù)選選項
    hidden:暫存一些數(shù)據(jù),可以進行安全校驗蒋歌。
  • max 規(guī)定input元素的最大值帅掘。

post 和get的區(qū)別

  • 都是指表單向服務(wù)器傳送數(shù)據(jù)用的方式
  • 區(qū)別有
    1. 數(shù)據(jù)提交方式不同,get把提交的數(shù)據(jù)url可以看到堂油,post看不到修档。
    2. get一般用于提交少量數(shù)據(jù),post用于提交大量數(shù)據(jù)府框。
    3. get最多提交1k數(shù)據(jù)吱窝,瀏覽器的限制。post理論上無限制迫靖,受服務(wù)器限制院峡。
    4. get提交的數(shù)據(jù)在瀏覽器歷史記錄中,安全性不好系宜。

在input里面照激,name有什么作用?

  • 為input元素定義了唯一的名稱 盹牧,沒有name就無法提交

<button>提交</button> <a class="btn" href="#">提交</a> <input type="submit" value="提交"> 三者有什么區(qū)別实抡?

  • 第一個是一個提交按鈕
  • 第二個是一個鏈接欠母,點提交跳轉(zhuǎn)
  • 第三個是提交表單,點提交提交表單

radio如何分組吆寨?

<form>
    <p>性別:
        <input type="radio" name="sex" value="male">男</br>
        <input type="radio" name="sex" value="female">女</br>
    <input type="submit" value="提交">
    </p>
</form>
  • name相同時就能將radio分為一組赏淌,選項單選。

placeholder 屬性有什么作用?

  • 在輸入框中顯示提示用戶應(yīng)該輸入的內(nèi)容啄清。

type=hidden隱藏域有什么作用? 舉例說明

  • 隱藏域在頁面中對于用戶是不可見的六水,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用辣卒。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候掷贾,隱藏域的信息也被一起發(fā)送到服務(wù)器。
  • 用戶提交一個表單上來時要確定用戶的身份荣茫,可以用hidden里的信息核對確認想帅。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市啡莉,隨后出現(xiàn)的幾起案子港准,更是在濱河造成了極大的恐慌,老刑警劉巖咧欣,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件浅缸,死亡現(xiàn)場離奇詭異,居然都是意外死亡魄咕,警方通過查閱死者的電腦和手機衩椒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來哮兰,“玉大人毛萌,你說我怎么就攤上這事『戎停” “怎么了阁将?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長囤躁。 經(jīng)常有香客問我冀痕,道長,這世上最難降的妖魔是什么狸演? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任言蛇,我火速辦了婚禮,結(jié)果婚禮上宵距,老公的妹妹穿的比我還像新娘腊尚。我一直安慰自己,他們只是感情好满哪,可當我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布婿斥。 她就那樣靜靜地躺著劝篷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪民宿。 梳的紋絲不亂的頭發(fā)上娇妓,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天,我揣著相機與錄音活鹰,去河邊找鬼哈恰。 笑死,一個胖子當著我的面吹牛志群,可吹牛的內(nèi)容都是我干的着绷。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼锌云,長吁一口氣:“原來是場噩夢啊……” “哼荠医!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起桑涎,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤彬向,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后石洗,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體幢泼,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡紧显,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年讲衫,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片孵班。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡涉兽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出篙程,到底是詐尸還是另有隱情枷畏,我是刑警寧澤,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布虱饿,位于F島的核電站拥诡,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏氮发。R本人自食惡果不足惜渴肉,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望爽冕。 院中可真熱鬧仇祭,春花似錦、人聲如沸颈畸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至礁苗,卻和暖如春爬凑,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背试伙。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工贰谣, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人迁霎。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓吱抚,卻偏偏與公主長得像,于是被迫代替她去往敵國和親考廉。 傳聞我的和親對象是個殘疾皇子秘豹,可洞房花燭夜當晚...
    茶點故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1.有序列表、無序列表昌粤、自定義列表如何使用既绕?寫個簡單的例子。三者在語義上有什么區(qū)別涮坐?在哪些情況下使用哪種(重要)凄贩?...
    饑人谷_沈夢圓閱讀 295評論 0 0
  • 有序列表、無序列表袱讹、自定義列表如何使用疲扎?寫個簡單的例子。三者在語義上有什么區(qū)別捷雕?在哪些情況下使用哪種(重要)椒丧? 如...
    饑人谷_吳亞敏閱讀 362評論 0 0
  • 1.有序列表、無序列表救巷、自定義列表如何使用壶熏?寫個簡單的例子。三者在語義上有什么區(qū)別浦译?在哪些情況下使用哪種(重要)棒假?...
    墨月千樓閱讀 284評論 0 0
  • 一、有序列表精盅、無序列表帽哑、自定義列表如何使用?寫個簡單的例子渤弛。三者在語義上有什么區(qū)別祝拯?在哪些情況下使用哪種(重要)?...
    咩咩咩1024閱讀 507評論 0 0
  • 一、有序列表佳头、無序列表鹰贵、自定義列表如何使用?寫個簡單的例子康嘉。三者在語義上有什么區(qū)別碉输?在哪些情況下使用哪種(重要)?...
    鴻鵠飛天閱讀 706評論 0 0