› 看板 Web_Design 關於我們 聯絡資訊
作者KC73 (肯先生)
看板Web_Design
標題Re: [請益] 準備開始找工作的意見(Front-End)
時間Tue Jun 4 02:38:16 2013
※ 引述《gg90052 (Teddy)》之銘言： : 如題，之前在桃園曾經應徵了一間公司的Front-End， : 但當時能力還非常不夠，被電了之後決定離開再重新練功。 : http://ppt.cc/m719 : 這是這陣子作為我練功的網站，從切版到程式都是自己完成的， : 想請問一下到這樣的程度我是否能夠勝任一般前端工程師的工作了？ : 另外也希望大家能給這個網站一點可以修改的建議 謝謝 硬挑一些毛病和建議： 1. <!DOCTYPE html ... 就直接宣告 <!doctype html> 吧！ 2. <img> 一定要給 width、height、alt，你沒給，這扣很多分。 3. <script type="text/javascript">...</script> 還是 <script>...</script> <br> 或者 <br/> .... 到底該怎麼用？如果我面試的話，會問你，這些有什麼 差別，因為你都有用到。 4. 然後我還會問你，你有些 javascript，是放在 </body> 的後面，有什麼特別的 想法嗎？ 5. 首頁的 SEO 有些問題，雖然不用作的很厲害，不過顯然是完全沒有考慮到 SEO。 6. <body background="images/bg-stone.jpg"> 這一行也扣分。 因為已經 2013 年了，所以標記成 deprecated 的東西不要再用了。 其他還有一些，例如 javascript 可以放到底下之類的..那個日後慢慢磨吧~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 123.192.196.225
推 JYHuang:2的話，會造成某些browser無法判斷嗎？ 06/04 09:08
→ kurtisgod:無法同意第二點 06/04 10:35
→ kurtisgod: alt要給 寬高不同意 06/04 10:36
第二點後面有討論。
推 JYHuang:所以我有點懷疑，尤其是要寫圖片置換相關的script時 06/04 11:46
可以有不加的理由，但是要知道加了以後有什麼好處。
推 tingmeow:喔喔看這個覺得也給了我幫助!謝謝 06/04 12:16
→ tingmeow:圖片給寬高好像是如果讀不出來的話版面不會亂掉吧??@@ 06/04 12:17
→ Ken52039:圖片寬高 請盡量用css處理 06/04 12:35
→ dlikeayu:我有不同於其它鄉民的看法 img tag裏直接下寬高可以加速 06/04 12:44
→ dlikeayu:瀏覽器render速度 06/04 12:44
→ dlikeayu:如果有不一樣樣式再用css去改變即可 06/04 15:20
→ grence:下了寬高後 css還蓋的掉嗎 06/04 19:58
→ grence:嗯..實驗後結果可以.. 06/04 20:12
推 chph:img設寬高除了加速以外還有使用體驗會好很多 06/04 20:19
簡單說，不加寬高的話，會被 Google Page Speed 狂扣分。 或者說，如果是用慢 3G 加上慢手機看網站，你的 img 都不指定寬高，就會看到網頁裡 的東西一直跑來跑去，因為每讀完一個 img，就要重新排版一次。
推 jikotw74:新手不懂推 第三點有大大能解釋嗎 06/04 20:57
如果是 HTML5 的話，<script> 就可以了，預設就是 javascript，之前的話， 就建議加上 type='text/javascript'，不過其實不加也沒什麼差別。 但是原 po 是宣告成 HTML 4.01，有加的、也有不加的，所以就要能回答，加不加 有什麼差別。 至於 <br> <br/>，只有 XHTML 需要 self-closing tag，像是 <br/> <img ... /> <input ... /> <meta ... />，HTML 和 HTML5 都不需要自我了斷。 ※ 編輯: KC73 來自: 123.192.161.231 (06/04 21:30)
→ Ken52039:XDDDDDD 自我了斷 06/04 21:31
→ Ken52039:我自己的習慣是 標籤裡面跟css都會指定寬高 06/04 21:33
推 EROS4:偷渡問一下 width:100% height:auto 也算指定寬高嗎？ 06/05 01:44
推 searoar:推 06/05 14:13
→ heyyosweet:我也覺得img不該給寬高 06/05 14:30
→ heyyosweet:若要指定寬高我習慣寫在css裡 06/05 14:31
→ Canboo:有沒有什麼測試報告可以輔助IMG標籤加寬高可以加速 06/05 15:44
→ Canboo:標頭宣告CSS就會在讀取時被套用，並不會讀完後才跳板 06/05 15:45
→ Canboo:應該是說不要透過寬高屬性來把圖片做特意壓縮變化 06/05 15:47
→ Canboo:http://ppt.cc/yYyv 06/05 15:47
→ Canboo:我底下回文... 06/05 15:59
推 lunasoleil:想請問一下第一點不會判斷為html5嗎？ 06/09 20:12
→ enwebbs:樓上的有差嗎? 06/09 22:06