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、頁面導入樣式時,使用link@import有什麼區別?

兩者都是外部引用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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章