1. web網頁中,<img alt="",alt屬性里字體顏色如何設置
你好，朋友，一下是我轉帖的地址，我以前用過，是可以使用的，可以對alt文字變換顏色，以及加邊框，背景等特殊效果！代碼如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>無標題文檔</title>
<styletype="text/css">
.altbox{border:1pxsolid#ccc;background:#333333;width:160px;padding:5px;color:#FF0000;font-family:Arial;font-size:12px}
</style>
<scripttype="text/javascript">
window.onload=function(){
varoffsetX=20;
varoffsetY=20;
varimgs=document.images;
for(vari=0;i<imgs.length;i++){
(function(){
vardiv;
varpw=getPW();
varph=getPH();
vartimeout;
document.images[i].onmouseover=function(e){
div=document.createElement("DIV");
div.className="altbox";
div.innerHTML=this.alt;
div.style.position="absolute";
this.alt='';
document.body.appendChild(div);
varp=getMouse(e);
varx=p.x+offsetX;
vary=p.y+offsetY;
if(div.offsetWidth+x<pw){
div.style.left=x+"px";
}else{
div.style.left=(pw-div.offsetWidth)+"px";
}
if(div.offsetHeight+y<ph){
div.style.top=y+"px";
}else{
div.style.top=(ph-div.offsetHeight)+"px";
}
(function(img){
timeout=setTimeout(function(){
if(div){
img.alt=div.innerHTML;
div.parentNode.removeChild(div);
document.onmousemove=null;
}
},3000)
})(this);
document.onmousemove=function(e){
varp=getMouse(e);
varx=p.x+offsetX;
vary=p.y+offsetY;
if(div.offsetWidth+x<pw){
div.style.left=x+"px";
}
if(div.offsetHeight+y<ph){
div.style.top=y+"px";
}
}
}
document.images[i].onmouseout=function(e){
if(div.parentNode){
this.alt=div.innerHTML;
div.parentNode.removeChild(div);
document.onmousemove=null;
clearTimeout(timeout);
}
}
})();
}
}
functiongetMouse(ev){
varev=ev||window.event;
if(ev.x){
nx=ev.x;
ny=ev.y;
}else{
nx=ev.pageX;
ny=ev.pageY;
}
return{x:nx,y:ny};
}
functiongetPW(){
returndocument.documentElement.scrollWidth;
}
functiongetPH(){
returndocument.documentElement.clientHeight>document.documentElement.scrollHeight?document.documentElement.clientHeight:document.documentElement.scrollHeight;
}</script>
</head>
<body>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示1"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示2"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示3"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示4"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示5"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示6"width="204"height="150"/>
<imgsrc="http://photocdn.sohu.com/20111201/Img327565062.jpg"alt="提示提示提示7"width="204"height="150"/>
</body>
</html>
2. 這個前端架構如圖所示，誰能告訴我這個alt.js 這些都是做什麼的 沒查到
沒查到就不是框架里的東西唄，
有些js代碼還是需要自己寫的，不是所有功能都用框架的
3. web前端img是什麼標簽
img 元素向網頁中嵌入一幅圖像。
請注意，從技術上講，<img> 標簽並不會在網頁中插入圖像，而是從網頁上鏈接圖像。<img> 標簽創建的是被引用圖像的佔位空間。
<img> 標簽有兩個必需的屬性：src 屬性 和 alt 屬性。
4. html的alt是什麼意思
alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的<img src="boat.gif" alt="Big Boat">在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。此時，瀏覽器將顯示這個替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個好習慣，這樣有助於更好的顯示信息，並且對於那些使用純文本瀏覽器的人來說是非常有用的。
5. Web前端最全面試寶典- Html篇
HTML
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維 護、改版方便，不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性；
2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言
最主要的不同：
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。
3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
用於聲明文檔使用那種規范（html/Xhtml）一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug
4.行內元素有哪些?塊級元素有哪些?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
5.HTML全局屬性(global attribute)有哪些
參考資料：MDN: html global attribute或者W3C HTML global-attributes
accesskey
:設置快捷鍵，提供快速訪問元素如aaa在windows下的firefox中按alt + shift + a
可激活元素
class
:為元素設置類標識，多個類名用空格分開，CSS和javascript可通過class屬性獲取元素
contenteditable
: 指定元素內容是否可編輯
contextmenu
: 自定義滑鼠右鍵彈出菜單內容
data-*
: 為元素增加自定義屬性
dir
: 設置元素文本方向
draggable
: 設置元素是否可拖拽
dropzone
: 設置元素拖放類型： , move, link
hidden
: 表示一個元素是否與文檔。樣式上會導致元素不顯示，但是不能用這個屬性實現樣式效果
id
: 元素id，文檔內唯一
lang
: 元素內容的的語言
spellcheck
: 是否啟動拼寫和語法檢查
style
: 行內css樣式
tabindex
: 設置元素可以獲得焦點，通過tab可以導航
title
: 元素相關的建議信息
translate
: 元素和子孫節點內容是否需要本地化
6.什麼是web語義化,有什麼好處
web語義化是指通過HTML標記表示頁麵包含的信息，包含了HTML標簽的語義化和css命名的語義化。 HTML標簽的語義化是指：通過使用包含語義的標簽（如h1-h6）恰當地表示文檔結構 css命名的語義化是指：為html標簽添加有意義的class，id補充未表達的語義，如Microformat通過添加符合規則的class描述信息 為什麼需要語義化：
去掉樣式後頁面呈現清晰的結構
盲人使用讀屏器更好地閱讀
搜索引擎更好地理解頁面，有利於收錄
便團隊項目的可持續運作及維護
7.html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
新特性：
HTML5 現在已經不是 SGML 的子集，主要是關於圖像，位置，存儲，多任務等功能的增加。
拖拽釋放(Drag and drop) API
語義化更好的內容標簽（header,nav,footer,aside,article,section）
音頻、視頻API(audio,video)
畫布(Canvas) API
地理(Geolocation) API
本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；
sessionStorage 的數據在瀏覽器關閉後自動刪除
表單控制項，calendar、date、time、email、url、search
新的技術webworker, websocket, Geolocation
移除的元素：
純表現的元素：basefont，big，center，font, s，strike，tt，u；
對可用性產生負面影響的元素：frame，frameset，noframes；
支持HTML5新標簽：
IE8/IE7/IE6支持通過 document.createElement 方法產生的標簽，可以利用這一特性讓這些瀏覽器支持 HTML5 新標簽，瀏覽器支持新標簽後，還需要添加標簽默認的樣式（當然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架）：
如何區分：
DOCTYPE聲明新增的結構元素、功能元素
8. HTML5 存儲類型有什麼區別？
HTML5 能夠本地存儲數據，在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本地存儲方案：
localStorage - 沒有時間限制的數據存儲，數據永遠不會過期，關閉瀏覽器也不會丟失
sessionStorage - 針對一個 session 的數據存儲，同一個會話中的頁面才能訪問並且當會話結束後數據也隨之銷毀。
9. HTML5 標准提供了哪些新的API？
1：canvas，不用多說，可以畫出很多絢麗的圖形，甚至可以直接做出偽3D游戲。
2：媒體控制，也很好理解(直譯就是回放功能，假如只用html5.0以下的標簽寫，以前的音樂播放是不可能實現滾動條的。)
3：離線網頁程序，可以把資源文件完全緩存在客戶端，並且通過js的一些方法清空緩存
4：文檔編輯，應該是更好的支持對文檔的編輯。
5：拖動，可以將文件拖動到某些區域上傳
6：跨文檔請求，websocket，一種更加高效的通訊方式
7：歷史管理，可以通過js管理和插入歷史記錄
8：MIME頭自定義
9：客戶端數據存儲，localstoage sessionstoage
10：地理位置共享
11：本地資料庫
12：索引資料庫
10.HTML5 應用程序緩存和瀏覽器緩存有什麼區別？
HTML5 引入了應用程序緩存，這意味著 web 應用可進行緩存，並可在沒有網際網路連接時進行訪問。
應用程序緩存為應用帶來三個優勢：
離線瀏覽 - 用戶可在應用離線時使用它們
速度 - 已緩存資源載入得更快
減少伺服器負載 - 瀏覽器將只從伺服器下載更新過或更改過的資源。
11.常用那幾種瀏覽器測試？有哪些內核(Layout Engine)?
(Q1)瀏覽器：IE，Chrome，FireFox，Safari，Opera。
(Q2)內核：Trident，Gecko，Presto，Webkit。
12.請描述一下 cookies，sessionStorage 和 localStorage 的區別？
cookie在瀏覽器和伺服器間來回傳遞。 sessionStorage和localStorage不會
sessionStorage和localStorage的存儲空間更大；
sessionStorage和localStorage有更多豐富易用的介面；
sessionStorage和localStorage各自獨立的存儲空間；
13.如何實現瀏覽器內多個標簽頁之間的通信?
調用localstorge、cookies等本地存儲方式
14.請寫出localStorage對象的常用方法。
存儲 - localStorage.setItem(key, value) - 如果key存在，更新value
獲取 - localStorage.getItem(key) - 如果key不存在，返回null
刪除 - localStorage.removeItem(key) - 刪除key對應的數據
全部清除 - localStorage.clear() - 清空localStorage中所有數據
遍歷 - localStorage.length
遍歷 - localStorage.key(index)
15.如何在HTML5中啟用應用程序緩存？
<html manifest="fileName.appcache">
每個指定了manifest的頁面在用戶對其訪問時都會被緩存。
.appcache是manifest文件的擴展名
16.html5 離線存儲
Html5的一個重要特性就是離線存儲，所謂的離線存儲就是將一些資源文件保存在本地，這樣後續的頁面重新載入將使用本地資源文件，在離線情況下可以繼續訪問web應用，同時通過一定的手法（更新相關文件或者使用相關API），可以更新、刪除離線存儲等操作。
Html5的離線存儲使用一個manifest文件來標明哪些文件是需要被存儲的，使用如 <html manifest='offline.manifest'> 來引入一個manifest文件，這個文件的路徑可以是相對的，也可以是絕對的，如果你的web應用很多，而且希望能集中管理manifest文件，那麼靜態文件伺服器是個不錯的選擇。
17.HTML5 Canvas 元素有什麼用？
Canvas 元素用於在網頁上繪制圖形，該元素標簽強大之處在於可以直接在 HTML 上進行圖形操作
6. web前端學習HTML的圖像標記有哪些
圖像的標記屬性主要有：
<img>稱為圖像標記，用來在網頁中顯示圖像。使用方法：<img src=''路徑/文件名.圖片格式"width="屬性值"height="屬性值"border="屬性值"alt="屬性值">
<img>標記主要有以下屬性：
1：src屬性指定我們要載入的圖片的路徑，圖片的名稱以及圖片的格式
2：width屬性指定圖片的寬度
3：height屬性指定圖片的高度
4：border屬性指定圖片的邊框寬度
5：alt屬性有兩個作用：
① 如果圖像載入失敗，會用文字來代替圖像顯示。
② 搜索引擎可以通過這個屬性的文字來抓取圖片。
注意：<img>是單標記，不需要使用</img>來閉合
7. 使用HTML5需要遵守哪些規則
向大家介紹這些應該遵循的Web前端開發原則。
1、善用DIV來布局
當開發一個Web頁面時，要考慮第一件事就是區分頁面重點。將這些內容用DIV標簽包含起來，頁面的代碼會呈現出整潔、縮進良好的風格。
14、避免過度注釋
作為一名開發者，在代碼中添加註釋是一個好習慣，能方便理解並易於維護。這在其它編程語言如PHP、JAVA 和 C#里很普遍。但是，HTML/XHTML是文本標記語言，非常容易理解。因此，無需為每行代碼都添加註釋。
15、測試代碼
推薦開發者使用W3C文本標記驗證服務來測試代碼。它是一個高效的測試工具，能幫助你發現頁面中存在的錯誤。而且，它還能從頁面錯誤出發，幫你定位到相應的代碼。這一點通常在編碼完成後很難做到。但開發者需要注意的是，驗證通過的代碼並非就是性能優異的代碼。
以上就是分享的Web前端開發中應該遵循的開發原則。希望這些開發語言對從事Web前端的小夥伴們有幫助。
8. 誰幫我做這些題啊 做好了 給你分
筆試題，網路流程信息管理部Web前端實習研發工程師.
JavaScript編程題
1、實現輸出document對象中所有成員的名稱和類型；
2、如何獲得一個DOM元素的絕對位置？（獲得元素位置，不依賴框架）
3、如何利用JS生成一個table？
4、實現預載入一張圖片，載入完成後顯示在網頁中並設定其高度為50px，寬度為50px；
5、假設有一個4行td的table，將table裡面td順序顛倒；
6、模擬一個HashTable類，包含有add、remove、contains、length方法；
7、Ajax讀取一個XML文檔並進行解析的實例；
8、JS如何實現面向對象和繼承機制？
9、JS模塊的封裝方法，比如怎樣實現私有變數，不能直接賦值，只能通過公有方法；
10、對閉包的理解，閉包的好處和壞處？
11、對this指針的理解，可以列舉幾種使用情況？
12、對JS中函數綁定的理解？函數綁定可以使用哪兩個函數？
13、jQuery的特點？
14、簡述Ajax的非同步機制。Ajax有哪些好處和弊端？
HTML/CSS部分
1、<img>標簽上title屬性與alt屬性的區別是什麼？
2、分別寫出以下幾個HTML標簽：文字加粗、下標、居中、字體
3、寫出一個文本輸入框，屬性為只讀，最大輸入字元為20個
4、CSS左邊固定，右邊可變的布局實現方法；要求在源碼順序中左邊必須在前。
5、圖片和文字一起如何通過css實現居中
6、請簡述一下CSS中的樣式繼承和CSS的選擇器
7、請簡述一個各個選擇器之間的優先順序
8、在同等優先順序的情況下如何選擇樣式
9、盒子模型，請簡述一下盒子模型
10、如何使一個DIV的背景圖像距這個DIV的頂部10像素，左邊15像素，且不重復
11、如何增加某一個鏈接的可點擊面積，而下劃線仍然與鏈接一樣長？
12、一個元素的上邊框為紅色，其他邊框黑色，裡面文字的顏色是藍色
13、打開（隱藏）、關閉（顯示）一個對象。Style的display以及visibility的參數是什麼？
14、用css和div實現3列或2列的頁面布局，並說明與table布局相比有哪些優缺點
15、定寬網頁兩列內容布局，試寫出你所知道的幾種布局代碼
9. 網站是用WordPress搭建的，在前段編輯頁面上傳圖片完成後，前端頁面代碼沒有顯示alt，這是什麼原因
你的站首頁、文章頁、普通頁面，裡面所有圖片，你用chrome上瀏覽你的網站，右擊圖片審視元素，看裡面的圖片代碼 一般正確的格式是這樣的
<img src="圖片鏈接地址" alt="圖片名字">
alt這里就是要給圖片起個名氣，好讓搜索引擎爬你的網站的時候知道這個圖片叫神馬，seo優化是必須要做好這一步的
上面那個朋友的方法，就是添加你的文章圖片時的填上alt信息，但一般有些主題的自帶圖片是不會有alt信息，得你自己去編輯主題添加