Web前端筆試題目
1、html5為什麼只需要寫<!doctype html>?
因為html5不是基於sgml(標準通用標記語言),不需要寫dtd檔案進行引用,html4.01是基於sgml,需要引入dtd.,才能告知瀏覽器文件使用的文件型別每個html檔案都需要引入doctype來規範瀏覽器的行為,否則瀏覽器將開啟怪異模式。
2、行內元素有哪些?塊級元素有哪些?空(void)元素有哪些?
行內元素:span,a,i,img,input,strong,select。
塊及元素:div,p,ul,li,ol,dl,dt,dd,h1,h2...
空元素:<br/>,<hr/><img/><input/><link/><meta/>
不常用的標籤
<area><base><col><command><embed><keygen><param><source><track><wbr>
3、頁面匯入樣式時,使用[email protected]有什麼區別?
兩者都是外部引用css的方式,但是存在一定的區別:
區別1:link是xhtml標籤,除了載入css外,還可以定義rss等其他事物;@import屬於css範疇,只能載入css
區別2:link 引用css時,在頁面載入入時同時載入;@import需要頁面網頁完全載入以後,再載入
區別3:link是Xhtml標籤,無相容問題;@import是在css2.1提出的,低版本的瀏覽器不支援
區別4:link支援使用javascript控制DOM去改變樣式;而@import不支援
補充:@import最優寫法
@import的寫法一般有下列幾種:
@import ‘style.css’ //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
@import “style.css” //Windows IE4/ NS4, Macintosh IE4/NS4不識別
@import url(style.css) //Windows NS4, Macintosh NS4不識別
@import url(‘style.css’) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
@import url(“style.css”) //Windows NS4, Macintosh NS4不識別
由上分析知道,@import url(style.css) 和@import url(“style.css”)是最優的選擇,相容的瀏覽器最多。
從位元組優化的角度來看@import url(style.css)最值得推薦。
4、常見的瀏覽器核心有哪些?
使用Trident核心的瀏覽器:IE、Maxthon、TT、The weorld等
使用Gecko核心的瀏覽器:Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkery;
使用Presto核心的瀏覽器:Oprea7及以上版本;
使用Webkit核心的瀏覽器:Safari Chrome