web前端測試（二）
HTML 語言中，設置表格中文字與邊框距離的標簽是（） * [單選題] *
| A、<table boder=””> |
| B、<table cellspacing=””> |
| C、<table cellpadding=””>(正確答案) |
| D、<table width=””> |
以下說法，錯誤的是（） * [單選題] *
| A、mark用於顯示變粗的文字(正確答案) |
| B、<del>用於顯示刪除的文本 |
| C、<ins>的文字會帶下划線 |
| D、<strong>用於強調文本 |
設置文字顏色應使用屬性（） * [單選題] *
| A、font-family |
| B、font-color |
| C、color(正確答案) |
| D、font |
根據規范，哪些標簽不是 HTML 5 的語義化標簽？（） * [單選題] *
| A、header |
| B、section |
| C、marquee(正確答案) |
| D、article |
如何產生帶有正方形項目的列表 （） * [單選題] *
| A、type: square |
| B、type: 2 |
| C、list-style-type: square(正確答案) |
| D、list-type: square |
以下代碼做什么？（） *
<input type=”text” name=”user_name” autofocus=”autofocus”/> [單選題] *
| A、頁面加載后，瀏覽器將自動聚焦user_name字段(正確答案) |
| B、都不正確 |
| C、表單加載時創建一個text字段 |
| D、加載一個text表單 |
下列哪一項不是 HTML5 中新增加的標簽（） [單選題] *
| A、nav |
| B、article |
| C、caption(正確答案) |
| D、video |
表示有序列表的是（） [單選題] *
| A、ul |
| B、dl |
| C、li |
| D、ol(正確答案) |
關於CSS的單位，以下說法錯誤的是：（） [單選題] *
| A、百分比單位始終根據父元素相應值來計算(正確答案) |
| B、vw、vh、em、rem都是相對單位 |
| C、90deg表示順時針旋轉90度 |
| D、1s=1000ms |
HTML5 中不再支持下面哪個元素？（） [單選題] *
| A、<q> |
| B、<ins> |
| C、<menu> |
| D、<font>(正確答案) |
下面有關html Doctype的描述，說法錯誤的是？（） [單選題] *
| A、它的責任就是告訴瀏覽器文檔使用哪種html或者xhtml規范 |
| B、不同文檔模式主要影響CSS內容的呈現，尤其是瀏覽器對盒模型的解析 |
| C、不同瀏覽器在混雜模式下的行為差異非常大，如果不使用某些hack技術，跨瀏覽器的行為根本就沒有一致性可言。 |
| D、如果在文檔開始處沒有發現文檔類型聲明，則所有瀏覽器都會默認開啟嚴格模式(正確答案) |
下面關於表單的說法中，錯誤的是（） * [單選題] *
| A、可以給 input 添加 multiple 屬性使它可以輸入多行文字(正確答案) |
| B、placeholder 屬性可以用來提示用戶輸入什么內容 |
| C、用戶無法直接修改包含 disabled 屬性的文本框的內容 |
| D、maxlength 屬性可以限制文本框內最多輸入多少個字符 |
下列哪一項不是 HTML5 中新增加的標簽？（） * [單選題] *
| A、nav |
| B、article |
| C、caption(正確答案) |
| D、video |
在 HTML5 中，哪個元素用於組合標題元素？（） * [單選題] *
| A、<group> |
| B、<header> |
| C、<headings> |
| D、<hgroup>(正確答案) |
CSS哪些屬性可以繼承（） * [單選題] *
| A、font-size(正確答案) |
| B、margin |
| C、width |
| D、padding |
添加哪個屬性可以使超出的文字部分變成”…”()（） * [單選題] *
| A、white-space: normal; |
| B、text-overflow: ellipsis;(正確答案) |
| C、overflow: hidden; |
| D、overflow: auto; |
如何在新窗口打開鏈接？（） * [單選題] *
| A、<a href="url" new> |
| B、<a href="url" target="_blank">(正確答案) |
| C、<a href="url" target=""> |
| D、<a href="url" target="_self"> |
以下代碼做什么？ <input type=”text” name=”user_name” autofocus=”autofocus”/>（） [單選題] *
| A、頁面加載后，瀏覽器將自動聚焦user_name字段(正確答案) |
| B、都不正確 |
| C、表單加載時創建一個text字段 |
| D、加載一個text表單 |
下將input標簽type設置為（）即可實現顏色的輸入。 [單選題] *
| A、url |
| B、color(正確答案) |
| C、search |
| D、tel |
下將input標簽type設置為（）即可實現滑塊的輸入。 [單選題] *
| A、url |
| B、email |
| C、range(正確答案) |
| D、tel |
下將input標簽type設置為（）即可實現一個月份的輸入。 [單選題] *
| A、url |
| B、email |
| C、month(正確答案) |
| D、tel |
下將input標簽type設置為（）即可實現一個電話號碼的輸入。 [單選題] *
| A、url |
| B、email |
| C、date |
| D、tel(正確答案) |
下將input標簽type設置為（）即可實現一個URL地址的輸入。 [單選題] *
| A、url |
| B、email(正確答案) |
| C、date |
| D、time |
下將input標簽type設置為（）即可實現一個郵箱的輸入。 [單選題] *
| A、url |
| B、email(正確答案) |
| C、date |
| D、time |
下列哪個標簽語義是表示某種計量，適用於溫度、重量、金額等量化的表現。（） [單選題] *
| A、cite |
| B、meter(正確答案) |
| C、progress |
| D、h2 |
下列標簽用於顯示被標注的內容是日期或時間（） [單選題] *
| A、data |
| B、date |
| C、time(正確答案) |
| D、h1 |
設置導航的標簽是哪一個（） [單選題] *
| A、header(正確答案) |
| B、footer |
| C、article |
| D、nav |
在HTML5中，支持了音視頻的播放，通過哪個屬性可以讓音視頻自動播放（） [單選題] *
| A、loop |
| B、autoplay(正確答案) |
| C、src |
| D、selected |
在HTML5中，支持了音視頻的播放，其中音頻播放使用的標簽是（） [單選題] *
| A、audio(正確答案) |
| B、cite |
| C、small |
| D、video |
布局的描述，正確的是？（） * *
| A、塊級元素實際占用的寬度與它的 width 屬性有關；(正確答案) |
| B、塊級元素實際占用的寬度與它的 border 屬性有關；(正確答案) |
| C、塊級元素實際占用的寬度與它的 padding 屬性有關；(正確答案) |
| D、塊級元素實際占用的寬度與它的 background 屬性有關。 |
以下幾種margin寫法不正確的有（） * *
| A、margin：20px，10px，0；(正確答案) |
| B、margin：10px，10px；(正確答案) |
| C、margin：20px，auto；(正確答案) |
| D、margin：20px auto； |
以下選項正確的是（） * *
| A、<p /> |
| B、<br />(正確答案) |
| C、<hr />(正確答案) |
| D、<img />(正確答案) |
下列描述正確的有（） * *
| A、p {text-size:bold}可以使字體變粗 |
| B、a {text-decoration:none}可以使超鏈接沒有下划線(正確答案)(正確答案) |
| C、text-transform:capitalize使首字母變為大寫(正確答案)(正確答案) |
css中哪些屬性可以繼承（） * *
| A、font-size(正確答案) |
| B、color(正確答案) |
| C、font-family(正確答案) |
| D、border |
<input>元素的type屬性的取值可以是（） *
| A、image(正確答案) |
| B、checkbox(正確答案) |
| C、button(正確答案) |
| D、select |
下列哪些元素在瀏覽器默認樣式下會加粗文本？（） *
| A、h1(正確答案) |
| B、caption(正確答案) |
| C、em(正確答案) |
| D、th |
答案解析：<h1> - <h6> 標簽表示 HTML 標題，默認加粗；<caption> 標簽表示表格標題，標題一般被居中表格之上，但不加粗文本；<em> 標簽表示強調內容，顯示為斜體，但不加粗文本；<th> 標簽表示表格的表頭，默認加粗文本
關於語義化說法不正確的是（） *
| A、語義化的HTML有利於機器的閱讀(正確答案) |
| B、Table 屬於過時的標簽，遇到數據列表時，需盡量使用 div 來模擬表格(正確答案) |
| C、語義化是HTML5帶來的新概念，此前版本的HTML無法做到語義化(正確答案) |
| D、Header、article、address都屬於語義化明確的標簽 |
答案解析：根據內容的結構化(內容語義化)，選擇合適的標簽(代碼語義化)便於開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。
文字溢出顯示省略號應該擁有那些屬性（） *
| A、overflow: hidden;(正確答案) |
| B、white-space: nowrap;(正確答案) |
| C、text-overflow: ellipsis;(正確答案) |
| D、width:500px |
下面哪些是HTML5 新增的表單元素？（） *
| A、datalist(正確答案) |
| B、optgroup |
| C、output(正確答案) |
| D、legend |
請選出正確的選項（） *
| A、屬性要在開始標簽中指定，用來表示該標簽的性質和特性(正確答案) |
| B、通常都是以“屬性名=“值””的形式來表示(正確答案) |
| C、一個標簽可以指定多個屬性(正確答案) |
| D、指定多個屬性時不用區分順序。(正確答案) |
以下（）是行內塊級元素 *
| A、div |
| B、img(正確答案) |
| C、input(正確答案) |
| D、p |
以下（）是塊級元素 *
| A、div(正確答案) |
| B、img |
| C、input |
| D、p(正確答案) |
下列選項中可以實現隱藏的是（） *
| A、visibility: hidden;(正確答案) |
| B、display: none;(正確答案) |
| C、hidden屬性(正確答案) |
| D、display: inline-block; |
下列哪些元素在瀏覽器默認樣式下會加粗文本？（） *
| A、h1(正確答案) |
| B、caption(正確答案) |
| C、em(正確答案) |
| D、th |
答案解析：<h1> - <h6> 標簽表示 HTML 標題，默認加粗；<caption> 標簽表示表格標題，標題一般被居中表格之上，但不加粗文本；<em> 標簽表示強調內容，顯示為斜體，但不加粗文本；<th> 標簽表示表格的表頭，默認加粗文本
<i><em>標簽語義分別表示斜體和加粗，是否正確？ [單選題] *
| A、正確 |
| B、錯誤(正確答案) |
答案解析：<i>標簽只是單純的樣式標簽，表現斜體的樣式，但是語義上與普通文本無異；<em>標簽在樣式上表示為斜體，同時在語義上也表示為斜體。<em>標簽可以被設備識別，而<i>標簽不能被識別。
css屬性overflow屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，用戶代理都會提供一種滾動機制。 [單選題] *
| A、True(正確答案) |
| B、False |
答案解析：參數是scroll時候，必會出現滾動條。參數是auto時候，子元素內容大於父元素時出現滾動條。參數是visible時候，溢出的內容出現在父元素之外。參數是hidden時候，溢出隱藏。
H5就是HTML5的簡稱。（） [單選題] *
| A、對 |
| B、錯(正確答案) |
CSS Sprites整理起來更為方便，同一個按鈕不同狀態的圖片也不需要一個個切割出來並個別命名（） [單選題] *
| A、對(正確答案) |
| B、錯 |
HTML 語言中，表格有多少對 <TR> 標簽就表示有多少列，這句話是否正確（） [單選題] *
| A、對 |
| B、錯(正確答案) |
在CSS中，以下哪項表示類選擇器（） [單選題] *
| A、#div |
| B、.div(正確答案) |
| C、div |
| D、^div |