當前位置:首頁 » 網頁前端 » alt在web中怎麼用
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

alt在web中怎麼用

發布時間: 2022-06-26 19:43:03

A. html的alt是什麼意思

alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的<img src="boat.gif" alt="Big Boat">在瀏覽器無法載入圖像時,替換文本屬性告訴讀者她們失去的信息。此時,瀏覽器將顯示這個替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個好習慣,這樣有助於更好的顯示信息,並且對於那些使用純文本瀏覽器的人來說是非常有用的。

B. html中img標簽的alt屬性怎麼用,請大神門給個具體的例子,謝謝了。

alt 屬性是一個必需的屬性,它規定在圖像無法顯示時的替代文本。

假設由於下列原因用戶無法查看圖像,alt 屬性可以為圖像提供替代的信息:

  • 網速太慢
  • src 屬性中的錯誤
  • 瀏覽器禁用圖像
  • 用戶使用的是屏幕閱讀器

<img> 標簽的 alt 屬性指定了替代文本,用於在圖像無法顯示或者用戶禁用圖像顯示時,代替圖像顯示在瀏覽器中的內容。

我們強烈推薦您在文檔的每個圖像中都使用這個屬性。這樣即使圖像無法顯示,用戶還是可以看到關於丟失了什麼東西的一些信息。而且對於殘疾人來說,alt 屬性通常是他們了解圖像內容的唯一方式。

實例<img src="/i/eg_tulip.jpg"alt="上海鮮花港 - 鬱金香"/>

如果無法顯示圖像,瀏覽器將顯示替代文本,就像這樣:

C. HTML中ALT是做什麼用的

用來為圖片做標題或圖片不能顯示時的替代文字內容
對於只顯示文字的網站,alt的內容就替代了圖片顯示出來

D. HTML中無圖片就顯示ALT的內容,如何讓無圖片的ALT也不顯示

HTML中,圖片的alt屬性不顯示的操作辦法:

直接將alt屬性刪除,或者將alt屬性的值留空(如alt="")即可。


alt屬性介紹:

<img> 標簽(圖片調用標簽)的 alt 屬性指定了替代文本,用於在圖像無法顯示或者用戶禁用圖像顯示時,代替圖像顯示在瀏覽器中的內容。


alt屬性作用:

1、當用戶瀏覽網頁時,圖片因不確實因素導致不能正常顯示,會出現alt屬性進行圖片說明,以方便用戶判斷圖片內容;

2、搜索引擎對於圖片的識別還不夠准確,alt屬性能讓搜索引擎更好的明白圖片信息。


說明:

建議保留圖片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=utf-8"/>
<title>圖片alt屬性</title>
</head>

<body>

<imgsrc="圖片地址"alt="圖片描述"/>

</body>
</html>

E. DW中的alt有什麼用請簡單舉例解釋,謝謝。

alt 通常用於圖片標簽裡面,搜索引擎由於只懂文字,不懂圖片,alt標簽就是告訴搜索引擎這個圖片是什麼內容的意思。

當然本來的作用是讓盲人知道這個圖片是什麼內容的意思。

F. alt標簽的alt標簽的應用

在網頁設計中,圖片的屬性ALT標簽用於對圖片進行命名等描述說明。ALT標簽眾多關鍵詞信息在搜索引擎優化中曾發揮了一定作用,常被用於增加網頁關鍵詞密度,因此在ALT中合理添加與主題有關的關鍵詞屬於搜索引擎優化中考慮的一個因素。不過,最近美國SEO研究網站WebMarketingNow和Search Engine Academy根據長期測試研究認為,目前,三大主流搜索引擎Google, Yahoo!和MSN的搜索引擎排名演算法規則中不再將圖片ALT屬性中的文本信息作為判斷網頁內容相關性的有效因素。
研究者稱,在過去6個月,我們通過測試發現,圖片中故意充斥大量ALT關鍵詞文本不僅無助於網頁的搜索引擎排名,反而會因為有ALT關鍵詞垃圾(ALT Text Spam)嫌疑而影響排名成效。很明顯,搜索引擎對那些為了單純網站的搜索結果排名提升而損毀用戶搜索體驗的做法緊咬不放。
Google的一名工程師明確說明:「ALT標簽內容應該與圖片內容有關,正確說明圖片內容,從而給予用戶良好的體驗。ALT標簽內容確實能夠被蜘蛛程序索引,但在排名演算法中權重級別被進一步降低。」 網站優化從根本上來說是為了用戶更好地獲取信息,而不是為了在搜索引擎中獲得好的排名,取得好的搜索結果排名只是正常網站優化結果的自然體現,而不是刻意追求的目標。對待網頁設計的其他要素如網頁標題、META標簽內容和網頁主體內容應該遵循用戶導向的原則,對待圖片的ALT屬性描述同樣也應該回歸本源:簡明扼要的描述圖片內容。無論搜索引擎的排名演算法是否考慮ALT屬性中的信息,都也必要從用戶的角度來考慮正確設置圖片的ALT屬性描述。
所以在這里論策也再次提醒大家,不要為了排名而優化,而應該是為了用戶而優化,達到能夠真正的幫助用戶更好理解網站內容信息為目的,排名只是這些方法後的自然體現。

G. java web項目,如果用鍵盤的Alt+S來相當於點保存按鈕,等類似功能

用Javascript來實現。也就獲取頁面的Dom對象上的鍵盤事件,然後判斷相應的按鍵,來執行js函數。

<scriptlanguage="JavaScript">
document.onkeydown=nextpage;
functionnextpage(){
varevent=document.all?window.event:arguments[0];
if(event.keyCode==37){

//37表示=+,在這兒可以寫按下=+鍵時,要執行的方法。
}elseif(event.keyCode==13){
//13表示回車鍵,在這兒可以寫按下回車鍵時,要執行的方法。
}elseif(event.keyCode==39){

}
}
</script>


在網路搜索:event.keycode值大全

H. 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>

I. web開發項目中,eclipse上有一個快捷鍵Ctrl+Alt+上(或下)方向鍵,就可以快速復制代碼。

是快捷鍵沖突了

你打開任務管理器有個HK****開頭的進程.你給結束了.再試試

J. Web的快捷鍵是什麼

關於快捷鍵目前支持:Ctrl + Alt + C 關閉所有聊天窗口Ctrl + ← 向左切換聊天對象Ctrl + → 向右切換聊天對象Ctrl + Q 提取最新消息Ctrl + Enter 發送消息(可使用發送按鈕右側的箭頭更改為enter)Alt + L 鎖定WebQQAlt + X 退出WebQQAlt + W 隱藏/顯示聊天區域