1. 程式人生 > >Web前端筆試題目

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