第一篇：前端開(kāi)發(fā)心得
web前端核心技術(shù)
從事前端開(kāi)發(fā)工作1年多了，從最初的DIV+CSS學(xué)起，到現(xiàn)在學(xué)到html5、css3、javascript，jquery等等，我覺(jué)得前端要學(xué)的技術(shù)太多了，很多人認(rèn)為前端開(kāi)發(fā)要掌握的技能簡(jiǎn)單，就是網(wǎng)頁(yè)制作，其實(shí)不然，前端開(kāi)發(fā)是網(wǎng)站的前臺(tái)代碼實(shí)現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，現(xiàn)在最新的高級(jí)版本是HTML5、CSS3，以及SVG等。JavaScript作為最難的語(yǔ)言之一，許多編程高手也不敢妄自菲薄、自封精通。
關(guān)于兼容性的問(wèn)題我相信對(duì)于每個(gè)做前端開(kāi)發(fā)的人來(lái)講是一個(gè)很頭疼的問(wèn)題，互聯(lián)網(wǎng)目前主流瀏覽器有IE6789，F(xiàn)irefox，Chrome，Opera，Safari，遨游，包括國(guó)內(nèi)主流的搜狗，騰訊 TT，360等等；從內(nèi)核上講主要有IE的，遨游版IE，safari，firefox以及opera的，這些都是大家常見(jiàn)的。所謂的瀏覽器兼容性問(wèn)題，是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析，造成頁(yè)面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，用戶用什么瀏覽器來(lái)查看同一網(wǎng)站，都應(yīng)該是統(tǒng)一的顯示效果。所以瀏覽器的兼容性問(wèn)題是前端開(kāi)發(fā)人員經(jīng)常會(huì)碰到和必須要解決的問(wèn)題。這個(gè)時(shí)候就需要針對(duì)不同的瀏覽器寫不同的CSS，這個(gè)過(guò)程叫CSS hack。雖然我們寫代碼都要求按照標(biāo)準(zhǔn)，不寫hack代碼，但實(shí)際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應(yīng)該是每個(gè)前端開(kāi)發(fā)人員必備的技能。
前端的開(kāi)發(fā)工具很多，比較常見(jiàn)的有Dreamweaver，Notepad，webstrom，Sublime Text等等，我現(xiàn)在在使用webstorm，強(qiáng)大的提示功能可以幫助我們很快的熟悉并掌握網(wǎng)頁(yè)布局,檢查錯(cuò)誤等。調(diào)試代碼的工具我使用的Firebug。Firebug是網(wǎng)頁(yè)瀏覽器Mozilla firefox 下的一款開(kāi)發(fā)類插件，它集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開(kāi)發(fā)JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士軍刀，從各個(gè)不同的角度剖析Web頁(yè)面內(nèi)部的細(xì)節(jié)層面，給Web開(kāi)發(fā)者帶來(lái)很大的便利。Firebug也是一個(gè)除錯(cuò)工具。用戶可以利用它除錯(cuò)、編輯、甚至刪改任何網(wǎng)站的CSS、HTML、Dom 以及Javascript代碼。
以上是自己做前端開(kāi)發(fā)的一點(diǎn)心得，它所涵蓋的知識(shí)面遠(yuǎn)遠(yuǎn)不止這些，我也在不斷的學(xué)習(xí)，不斷地豐富自己，希望自己能在前端這個(gè)職位上開(kāi)闊自己的一片天地！
第二篇：前端開(kāi)發(fā)命名規(guī)范范文
前端開(kāi)發(fā)工作規(guī)范
為提高團(tuán)隊(duì)協(xié)作效率，便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)，輸出高質(zhì)量的文檔，特制訂此文檔。本規(guī)范文檔一經(jīng)確認(rèn)，前端開(kāi)發(fā)人員必須按本文檔規(guī)范進(jìn)行前臺(tái)頁(yè)面開(kāi)發(fā)。
【寫在規(guī)則前面的話】
項(xiàng)目的可維護(hù)性第一。你不是一個(gè)人在做事，項(xiàng)目的維護(hù)和二次開(kāi)發(fā)可能是直接的或間接的團(tuán)隊(duì)合作。好的可維護(hù)性，從四個(gè)方面下手：
1）代碼的松耦合，高度模塊化，將頁(yè)面內(nèi)的元素視為一個(gè)個(gè)模塊，相互獨(dú)立，盡量避免耦合過(guò)高的代碼，從html,css,js三個(gè)層面都要考慮模塊化。
2）良好的注釋。
3）注意代碼的彈性，在性能和彈性的選擇上，一般情況下以彈性為優(yōu)先考慮條件，在保證彈性的基礎(chǔ)上，適當(dāng)優(yōu)化性能。
4）嚴(yán)格按照規(guī)范編寫代碼。
【命名規(guī)則】
為避免命名沖突，命名規(guī)則如下：
1）公共組件因?yàn)楦叨戎赜茫麖暮?jiǎn)，不要加前綴；
2）各欄目的相應(yīng)代碼，需加前綴，前綴為WD姓名拼音的首字母，例如：杰夫前綴為“jf_”，分隔符為下劃線“_”，例如：“jf_imgList”;
3）模塊組件化，組件中的class或id名采用駱駝命名法和下劃線相結(jié)合的方式，單詞之間的分隔靠大寫字母分開(kāi)，從屬關(guān)系靠下劃線分隔。例如：
html:
- 1)XXXXXXXXXXXXXX
- 2)XXXXXXXXXXXXXX
- 3)XXXXXXXXXXXXXX
css:
.textList{}.text_list X{}
.textList_firstItem{ }.textListFirstItem X{}
4）命名清晰，不怕命名長(zhǎng)，怕命名容易沖突，長(zhǎng)命名可以保證不會(huì)產(chǎn)生沖突，所以css選擇時(shí)可以盡量不使用子選擇符，也能確保css優(yōu)先級(jí)權(quán)重足夠低，方便擴(kuò)展時(shí)的覆蓋操作：.textList_firstItem{}.textList.firstItem{}
5)命名要有意義，不要使用沒(méi)有意義的命名。用英語(yǔ)命名，不要用拼音。
【分工安排】
1)分工原則為公共組件（包括common.css和public.JS）一人維護(hù)，各欄目其他人負(fù)責(zé)，每個(gè)欄目正常情況下一人負(fù)責(zé)，要詳細(xì)寫明注釋，如果多人合作，維護(hù)的人員注意添加注釋信息，具體注釋細(xì)則，詳見(jiàn)注釋規(guī)則；
2)VD設(shè)計(jì)完設(shè)計(jì)圖后，先和交互設(shè)計(jì)師溝通，確定設(shè)計(jì)可行，然后先將設(shè)計(jì)圖給公共組件維護(hù)者，看設(shè)計(jì)圖是否需要提取公共組件，然后再提交給相應(yīng)欄目的WD。如果有公共組件要提取，公共組件維護(hù)者需對(duì)欄目WD說(shuō)明。
3)如果確定沒(méi)有公共組件需提取，交互設(shè)計(jì)師直接和各欄目的WD交流，對(duì)照著VD的設(shè)計(jì)
圖進(jìn)行說(shuō)明，WD完成需求；
4)WD在制作頁(yè)面的時(shí)候，需先去common文件中查詢是否已經(jīng)存在設(shè)計(jì)圖中的組件，如果有，直接調(diào)用；沒(méi)有，則在app.css和app.JS中添加相應(yīng)的代碼。
5)WD在制作過(guò)程中，發(fā)現(xiàn)有高度重用的模塊，卻未被加入到公共組件中，需向公共組件維護(hù)人進(jìn)行說(shuō)明，然后工作組件維護(hù)人決定是否添加該組件。如果 確定添加，則向WD們說(shuō)明添加了新組件，讓W(xué)D們檢查之前是否添加了類似組件，統(tǒng)一更新成新組件的用法，刪除之前自定義的css和js。雖然麻煩，但始終 把可維護(hù)性放在首位。
6)公共組件維護(hù)者的公共組件說(shuō)明文檔，需圖片和說(shuō)明文字配套，方便閱讀。
【注釋規(guī)則】
1.公共組件維護(hù)者和各欄目WD都需要在文件頭部加上注釋說(shuō)明：
/**
*文件用途說(shuō)明
*作者姓名、聯(lián)系方式（旺旺）
*制作日期
**/
2.大的模塊注釋方法：
//================
// 代碼用途
//================
3.小的注釋；
//代碼說(shuō)明
注釋單獨(dú)一行，不要在代碼后的同一行內(nèi)加注釋。
例如：
//姓名
var name = “abc”;V
var name =”abc”;//姓名 X
4.維護(hù)人員的注釋方法：盡量根據(jù)注釋說(shuō)明，找到代碼的原作者，讓原作者進(jìn)行維護(hù)，原作者進(jìn)行維護(hù)可以無(wú)需添加額外說(shuō)明，直接進(jìn)行修改。如果因?yàn)樘厥庠颍瑹o(wú)法讓原作者進(jìn)行維護(hù)，需添加額外說(shuō)明進(jìn)行注釋。說(shuō)明文字為：“/*change by xxx)原代碼如下：
<{源代碼}>.新代碼如下:*/
新代碼：
如：var name = “abc”;這段代碼，要將name由“abc”變成“123”，原作者可直接改var name=”123”;非原作者修改，需改成：
/*(change by 杰夫)原代碼如下：<{
var name = “abc”;
}>新代碼如下：*/
var name =”123”;
修改時(shí)添加的注釋，在項(xiàng)目通過(guò)測(cè)試之后，上線前，可以優(yōu)化掉。
【js規(guī)范】
1)底層JS庫(kù)采用YUI 2.6.0；
2)統(tǒng)一頭部中只載入YUI load組件，其他組件都通過(guò)loader對(duì)象加載；
3)js盡量避免使用全局變量，復(fù)雜應(yīng)用寫成組件，通過(guò)構(gòu)造函數(shù)實(shí)現(xiàn)多態(tài)，寫在公共組件或
外部js中，簡(jiǎn)單應(yīng)用直接寫在init函數(shù)中，通過(guò)命名空間或匿名函數(shù)將變量包進(jìn)閉包中。
【切圖規(guī)范】
1．盡量把頁(yè)面的背景圖及小圖標(biāo)整合到一張圖片，用CSS定位方法。（這樣以減少http請(qǐng)求，從而降底網(wǎng)站的下載速度。）
2．尊從內(nèi)容與頁(yè)面樣式的脫離，如需要，同樣也要做到布局與color的脫離。（什么樣的圖片屬于內(nèi)容：從數(shù)據(jù)庫(kù)里取出來(lái)的圖片。凡是不屬于內(nèi)容的圖片請(qǐng)都用背景。）
1）頁(yè)面代碼，做到精簡(jiǎn)，邏輯性清楚；（公用部位可以引入進(jìn)來(lái)，比如頭部，腳部）
2）CSS邏輯清析，精簡(jiǎn)。可在不改變功能的前提內(nèi)，做到能更換頁(yè)面布局及換色。
CSS樣式每個(gè)頁(yè)面引入不超過(guò)兩個(gè)文件，一個(gè)是common：它包含整個(gè)站點(diǎn)都需用到的公用部分，如整體布局，頭部，腳部，框，按扭等。另一個(gè)是當(dāng)前頁(yè)的CSS。（CSS文件引入在2個(gè)之內(nèi)，減少http請(qǐng)求）避免CSS的表達(dá)式。
3．將腳本放在底部。（這樣頁(yè)面就可以逐步呈現(xiàn)，而且頁(yè)面中的可視組件可以盡早下裁。）配合程序開(kāi)發(fā)人員我們需要注意的（xhtml）：
1．了解用戶可編輯上傳修改的“圖片”，“文字”區(qū)域的需求。根據(jù)需求來(lái)定位控制，以保證頁(yè)面的穩(wěn)定顯示。
如圖片，需了解：
1）寬度是否是固定大小，2）寬度最大限度，3）大小不一樣時(shí)的居中顯示
如文字，需了解：
1)文字的最大長(zhǎng)度。及加“…”省略號(hào)區(qū)域,2)在測(cè)試中經(jīng)常也會(huì)碰到英文無(wú)空格情況，得用overflow: hidden的方法隱藏溢出部分。
2．每個(gè)頁(yè)面加上正確顯示的TITLE。（這個(gè)是我經(jīng)常容易忽視的）
3．在頁(yè)面中盡量完成每步交互效果，包括既時(shí)響應(yīng)的。
4．提交程序員的demo必須是連貫的，交互效里齊全，而且經(jīng)過(guò)自已在IE6.0，IE7.0，IE8.0，F(xiàn)IREFOX等瀏覽器的一次以上的整體測(cè)試。
用戶體驗(yàn)方面需要注意的：
1．每個(gè)連接，按鈕要做上鼠標(biāo)hover時(shí)的一個(gè)變化效果（如果hover時(shí)是換一張背景圖片，請(qǐng)把這兩張圖片整合在一張圖片中，以防止在hover時(shí)，頁(yè)面還在download變化的那張圖片，這樣會(huì)出現(xiàn)那個(gè)按鈕無(wú)圖的間隔）；
2．Input有個(gè)label，可以讓用戶在點(diǎn)擊字時(shí)，光標(biāo)自動(dòng)跳入相應(yīng)input中；
3．圖片應(yīng)該有alt屬性，以備圖片阻止時(shí)，文字的替換。
本文由世紀(jì)淘商城()整理分享！版權(quán)歸原作者所有！
第三篇：什么是前端開(kāi)發(fā)工程師
www.tmdps.cn
什么是前端開(kāi)發(fā)工程師
前端開(kāi)發(fā)工程師是Web前端開(kāi)發(fā)工程師的簡(jiǎn)稱，是近五年才真正開(kāi)始受到重視的一個(gè)新興職業(yè)。Web前端開(kāi)發(fā)技術(shù)是一個(gè)先易后難的過(guò)程，主要包括三個(gè)要素：HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）、CSS和JavaScript，這就要求前端開(kāi)發(fā)工程師不僅要掌握基本的Web前端開(kāi)發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開(kāi)發(fā)以及理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持等。
前端開(kāi)發(fā)工程師是一個(gè)很新的職業(yè)，在國(guó)內(nèi)乃至國(guó)際上真正開(kāi)始受到重視的時(shí)間2005年開(kāi)始，是指Web前端開(kāi)發(fā)工程師的簡(jiǎn)稱。Web前端開(kāi)發(fā)是從美工演變而來(lái)的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，Web 1.0時(shí)代，網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。
2005年以后，互聯(lián)網(wǎng)進(jìn)入Web 2.0時(shí)代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁(yè)不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng)，網(wǎng)頁(yè)上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。
www.tmdps.cn
隨著Web 2.0概念的普及和W3C組織的推廣，網(wǎng)站重構(gòu)的影響力正以驚人的速度增長(zhǎng)。XHTML+CSS布局、DHTML和Ajax像一陣旋風(fēng)，鋪天蓋地席卷而來(lái)，包括新浪、搜狐、網(wǎng)易、騰訊、淘寶等在內(nèi)的各種規(guī)模的IT企業(yè)都對(duì)自己的網(wǎng)站進(jìn)行了重構(gòu)。
（ps：本文章由北大青鳥廣安門校區(qū)搜集自互聯(lián)網(wǎng)）
第四篇：WEB前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)
ASP.NET前端開(kāi)發(fā)經(jīng)驗(yàn)總結(jié)
通過(guò)此次大作業(yè)的設(shè)計(jì)到完成，我負(fù)責(zé)的是web前端的開(kāi)發(fā)，經(jīng)過(guò)此次作業(yè)和結(jié)合W3C上的自學(xué)，我漸漸有了一些對(duì)前端開(kāi)發(fā)的小小經(jīng)驗(yàn)（僅為個(gè)人意見(jiàn)）。WEB標(biāo)準(zhǔn)是什么？
說(shuō)是WEB標(biāo)準(zhǔn)，不過(guò)我這里主要是對(duì)HTML5 和 CSS3.0的一些經(jīng)驗(yàn)總結(jié)。因?yàn)閃EB含蓋的內(nèi)容實(shí)在是太多了，“WEB標(biāo)準(zhǔn)”是一系列標(biāo)準(zhǔn)的總稱，包括HTML5.0、HTML4.0、XHTML1.1、CSS3.0、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以這里要跟大家指出來(lái)一下，WEB標(biāo)準(zhǔn)不是我們所說(shuō)的DIV+CSS。剛剛上面提到了――DIV+CSS，這里要說(shuō)明下，這樣說(shuō)其實(shí)是不正確的。DIV+CSS準(zhǔn)確的說(shuō)法（個(gè)人的理解）應(yīng)該是：采用W3C推薦的WEB標(biāo)準(zhǔn)中的HTML5結(jié)合CSS3.0樣式表制作頁(yè)面的方法，DIV應(yīng)該指的是HTML標(biāo)簽，而CSS顯示是指的CSS樣式表了。
采用WEB標(biāo)準(zhǔn)開(kāi)發(fā)的好處
那么W3C為什么會(huì)推薦這樣的頁(yè)面制作方法呢？下面我們就簡(jiǎn)單的看看采用WEB標(biāo)準(zhǔn)開(kāi)發(fā)（個(gè)人理解的）相對(duì)以前TABLE布局的優(yōu)勢(shì)有哪些？
1、節(jié)約運(yùn)營(yíng)成本
看看我們的WEB標(biāo)準(zhǔn)制作方法是如何做到的？
采用WEB標(biāo)準(zhǔn)制作，我們可以做到表現(xiàn)很形式的分離，我們用XHTML來(lái)表現(xiàn)（數(shù)據(jù)），用CSS來(lái)控制（頁(yè)面元素呈現(xiàn)的）形式。寫的好的頁(yè)面，XHTML代碼中基本上都是用戶要看的數(shù)據(jù)，還其他修飾性的東西，全部由我們的CSS來(lái)控制。這樣一來(lái)我們的（XHTML）頁(yè)面的體積就大大減小了，這樣你在帶寬上的費(fèi)用就會(huì)大家降低了，這個(gè)怎么降低的，你可以想象一下，YAHOO的首頁(yè)小1K，100W個(gè)人一起訪問(wèn)，那么帶寬節(jié)約了多少？而且可以更充分的利用帶寬。
而我們的CSS控制了，所有的頁(yè)面元素的樣式，現(xiàn)在想改網(wǎng)站的整體風(fēng)格，你只需要花幾分鐘修改一下一個(gè)CSS文件，就可以輕松搞定了。維護(hù)的成本也下來(lái)了，省了不少錢了吧？還有，你開(kāi)這個(gè)頁(yè)面的速度會(huì)快很多啊，一個(gè)讓你等半分鐘的頁(yè)面，除非里面的信息對(duì)你很有用，不然我們大家基本都沒(méi)有太多的時(shí)間去用來(lái)等待的。
2、對(duì)用戶友好更友好，且有機(jī)會(huì)獲得更多的用戶 現(xiàn)在來(lái)說(shuō)說(shuō)用戶友好。首先我想把我們的用戶來(lái)分下類。第一類：普通用戶（每個(gè)訪問(wèn)我們網(wǎng)站的人）； 第二類：搜索引擎；
采用WEB標(biāo)準(zhǔn)開(kāi)發(fā)的頁(yè)面，結(jié)構(gòu)清晰，頁(yè)面體積小，瀏覽器兼容性好。普通用戶訪問(wèn)的時(shí)候，頁(yè)面打開(kāi)速度快，而且不管用戶使用那種瀏覽器，都能夠正常訪問(wèn)（顯示）頁(yè)面，且頁(yè)面的結(jié)構(gòu)清晰，要找的數(shù)據(jù)可以很方便的瀏覽到。
而對(duì)搜索引擎來(lái)說(shuō)，一個(gè)好的采用WEB標(biāo)準(zhǔn)開(kāi)發(fā)的頁(yè)面，都是做過(guò)SEO優(yōu)化的，它訪問(wèn)起來(lái)很友好，很容易理解你的頁(yè)面中哪里是標(biāo)題（H1~H6標(biāo)簽），哪里是段落（p標(biāo)簽），哪里是段落里要強(qiáng)調(diào)的內(nèi)容（strong標(biāo)簽）等，它可以很容易的分析出來(lái)。而一個(gè)SEO好的站點(diǎn)，大家都知道，被搜索引擎收錄的機(jī)會(huì)更多，這個(gè)也意味著您的網(wǎng)站會(huì)被更多的普通用戶訪問(wèn)到，給你的站點(diǎn)帶來(lái)更多的用戶。
一個(gè)能幫我們省下大筆費(fèi)用，提高工作效率。同時(shí)又能夠提高頁(yè)面瀏覽速度，對(duì)用戶友好，甚至能夠不花錢宣傳，就能給你帶來(lái)更多用戶的技術(shù)。你說(shuō)你會(huì)不會(huì)去使用它？這個(gè)也正式我們的W3C推薦使用WEB標(biāo)準(zhǔn)開(kāi)放網(wǎng)站的原因啊。而這個(gè)技術(shù)也得到了我們廣大用戶的認(rèn)可，所以現(xiàn)在需要學(xué)習(xí)WEB標(biāo)準(zhǔn)啊。合理的布局
前面我提到了一些知識(shí)點(diǎn)――“結(jié)構(gòu)清晰、SEO優(yōu)化、頁(yè)面體積小、HTML代碼中基本上都是用戶要看的數(shù)據(jù)”。這些東西，都是我做了合理布局的結(jié)果。而且我個(gè)人覺(jué)得，我們采用WEB標(biāo)準(zhǔn)制作的一切都是從這個(gè)知識(shí)點(diǎn)開(kāi)始的，所以我這里就先來(lái)說(shuō)這個(gè)話題。
也許有人會(huì)問(wèn)，怎樣的一個(gè)頁(yè)面，才算是合理的布局的呢？這個(gè)問(wèn)題問(wèn)題問(wèn)得好，也是我們大家剛開(kāi)始學(xué)用WEB標(biāo)準(zhǔn)的問(wèn)得最多的問(wèn)題之一，我也曾經(jīng)常被這個(gè)問(wèn)題所困擾，這里就說(shuō)說(shuō)我對(duì)合理布局的一些理解。
在開(kāi)始講合理布局的頁(yè)面要達(dá)到的要素前，我們還是用個(gè)實(shí)例來(lái)講解會(huì)更直觀些。先來(lái)看看這個(gè)圖片：
不錯(cuò)，這個(gè)是一個(gè)文章詳細(xì)頁(yè)，沒(méi)有左右兩欄布局，不過(guò)這里我重點(diǎn)要講的是合理的布局。
這是此次實(shí)驗(yàn)中customer（前端的一項(xiàng)）部分的完整代碼：
<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“Customer.aspx.cs” Inherits=“Customer” %> <%@ Register Src=“Controllers/Bottom.ascx” TagName=“Bottom” TagPrefix=“uc4” %> <%@ Register Src=“Controllers/Top.ascx” TagName=“Top” TagPrefix=“uc1” %> <%@ Register Src=“Controllers/Left.ascx” TagName=“Left” TagPrefix=“uc2” %>
” name=“description”/> ” name=“keywords” />