整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          前端代碼規范

          頁的生命周期長的,更需要特別注意后期的可維護性。「欲求其上而得中,欲求其中而得下

          https://www.kwgg2020.com/

          HTML規范

          頁面語言lang

          推薦使用屬性值 cmn-Hans-CN(簡體, 中國大陸),
          但是考慮瀏覽器和操作系統的兼容性,目前仍然使用 zh-CN 屬性值 <html lang="zh-CN">
          lang="en" 表示此頁面定位為英文網頁,這都是給搜索引擎看的,
          你的站點是中文站,對html本身不會有影響,現在都講究html規范,你的頁面越規范,就越容易被收錄

          細節決定成敗,耐心鑄造不朽

          //html 標簽
          標簽必須合法且閉合、嵌套正確,標簽名需小寫
          標簽語法無錯誤,需要符合語義化
          標簽的自定義屬性以data-開頭,如:<a href="#" data-num='18'></a>
          除非有特定的功能、組件要求等,禁止隨意使用id來定義元素樣式
          
          //鏈接
          給 <a> 標簽加上title屬性
          <a>標簽的href屬性必須寫上鏈接地址,暫無的加上javascript:alert('敬請期待!')
          非本專題的頁面間跳轉,采用打開新窗口模式:target="_blank"
          
          //https協議自適應
          //將調用靜態域名 ossweb-img.qq.com 以及 game.gtimg.cn 的外部請求,
          //寫法上一律去掉協議http:部分,采用自適應的寫法。具體方法如下:
          <style>
          .bg{background: url(//game.gtimg.cn/images/cf/cp/a20161021sqjs/hd.jpg) no-repeat;}
          </style>
          //鏈接URL
          <a href="//cf.qq.com/main.shtml">進入官網</a>
          //圖片SRC
          <img src="//game.gtimg.cn/images/logo.png">
          //JS鏈接
          <script src="//ossweb-img.qq.com/images/js/title.js"></script>
            
          //flash
            頁面禁止使用flash,動畫使用video,css3,canvas等,低版本瀏覽器使用背景圖片降級。

          css規范

          //選擇器
          CSS類名命名
          禁止使用層級過深的選擇器,最多3級。
          除非有特定的功能、組件要求等,禁止隨意使用id來定義元素樣式
          除非是樣式reset需要,禁止對純元素選擇器設置特定樣式,避免樣式污染
          
          //reset.css
          a, img {-webkit-touch-callout: none; /* 禁止長按鏈接與圖片彈出菜單 */}
          html, body {
              -webkit-user-select: none;   /* 禁止選中文本(如無文本選中需求,此為必選項) */
              user-select: none;
          }
          
          //移動端字體
          移動端頁面不支持微軟雅黑,宋體等中文字體,終端瀏覽器字體取決于設備上的系統字體。
          那么在移動端h5如何定義字體呢font-family呢,一般會用@font-face定義微軟雅黑字體并
          存到web服務器上,在需要使用時被自動下載,但這樣操作很消耗用戶流量 
          
          //##ios系統
          默認中文字體是Heiti SC
          默認英文字體是Helvetica
          默認數字字體是HelveticaNeue
          無微軟雅黑字體
          
          //##android 系統
          默認中文字體是Droidsansfallback
          默認英文和數字字體是Droid Sans
          無微軟雅黑字體
          
          //各個手機都有自己的默認字體,一般不支持我們常用字體,比如微軟雅黑等,
          除非特殊要求,一般手機無需定義中文字體,使用系統默認即可。
          英文和數字字體可以使用 Helvetica都支持。
          /* 移動端定義字體的代碼 */
          body{font-family:Helvetica;}

          圖片處理

          //圖片優化
          圖片體積不能超過300K
          JPG圖片必須壓縮,一般80%品質即可,保證文字清晰
          JPG圖片必須使用漸進式圖片:使用Photoshop的“存儲為web所用格式”時候,勾選“連續”
          透明PNG圖片必須使用壓縮工具壓縮后提供
          
          //圖片標簽
          PC端img圖片必須填寫width、height、alt屬性
          移動端必須填寫alt屬性
          alt不能為無意義字符,需要能表現出圖片的含義,如圖片為道具圖,則應該為道具的名稱
          
          //合理切圖
          裝飾性圖片合并成精靈圖,減少頁面請求

          注釋與命名

          tml

          • 概念
          • 前端最核心的技術 HTML + CSS + javascript
          • HTML - 結構 - 骨架
          • CSS - 樣式 - 效果
          • JAVASCRIPT - (用戶)行為 - 做的事情
          • 超文本標記語言
          • 超文本
          • 文本(txt文件) - 瀏覽器可以直接打開
          • 如果具有中文,可能出現亂碼問題
          • 標記
          • 語法結構 - <標簽名>
          • 注意 - 瀏覽器解析標記(規定的標記內容)
          • 注意
          • HTML是不嚴格的語言
          • 允許不用編寫所有內容
          • 標簽名沒有明確的規定(大小寫)
          • 建議標簽名使用小寫
          • XHTML
          • 解釋為嚴格意義的HTML



          HTML結構

          HTML結構

          <!DOCTYPE html> - 聲明:當前頁面使用的是哪個HTML版本

          <html lang="en">- 根標簽:有且僅有一個

          <head>- 用于設置當前頁面的信息

          <meta charset="UTF-8"> - 設置當前頁面的編碼

          <title>Title</title> - 當前頁面的標題

          </head>

          <body>- 用于顯示在瀏覽器中

          </body>

          </html>

          聲明

          • 注意 - 必須在HTML文檔的 0 行 0 列
          • 記住 - HTML5的聲明<!DOCTYPE html>
          • 作用 - 告訴瀏覽器當前HTML頁面使用的版本
          • 不同的HTML版本支持不同的標記(標簽)內容

          根標簽

          • <html></html>
          • 除聲明以外,所有內容全部被包含在根標簽中
          • 注意 - 有且僅有一個
          • 標記(標簽)
          • 起始標簽 - 有開始,有結束
          • 開始標簽 - <標簽名>
          • 結束標簽 - </標簽名>
          • 空標簽 - 只有開始標簽
          • <br/>- 換行標簽
          • 注意 - 建議使用小寫

          <meta>元素

          • 第一個作用 - 設置當前HTML頁面的編碼格式
          • <meta charset="UTF-8">
          • 第二個作用 - 設置當前HTML頁面的關鍵字
          • <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
          • 第三個作用 - 設置當前HTML頁面的描述(很少)
          • <meta name="description" content="Free Web tutorials on HTML and CSS">
          • 第四個作用 - 設置當前HTML頁面的作者
          • <meta name="author" content="King">

          HTML屬性

          • 出現在標簽中的開始標簽中,而不是結束標簽
          • 格式
          • 屬性名=屬性值
          • 屬性值 - 必須使用雙引號包裹

          HTML頁面被搜索引擎抓取

          • <title>元素 - 頁面的標題
          • <meta name="keywords">元素 - 頁面的關鍵字
          • <h1>元素 - 標題

          分類

          • 私有屬性 - 當前標簽獨有的屬性
          • 標準屬性 - 幾乎所有標簽都有的屬性
          • 事件屬性 - 標準事件(了解)

          HTML標題

          • <h1> ~ <h6> - 從最大到最小
          • 并不關心標題顯示的效果 - 可以通過 CSS 完成
          • 關心標題的 語義化
          • 語義化 - 當前標簽的含義

          HTML列表

          • 有序列表

          <ol>

          <li></li>

          </ol>

          • 默認情況下 - 1,2,3,4,5...
          • 無序列表

          <ul>

          <li></li>

          </ul>

          • 默認情況下 - 黑點
          • 定義列表

          <dl>

          <dt>列表名稱</dt>

          dd>列表項</dd>

          </dl>

          • HTML鏈接

          <a href="地址"></a>

          鏈接元素<a>

          • 作用
          • 用于從當前頁面跳轉到另一個(指定)頁面
          • 實現錨點效果
          • 實現回到頂部效果
          • 實現發送郵件功能(了解)
          • href="mailto:郵件地址"
          • 路徑(地址)
          • 絕對路徑 - 查找的開始位置是固定
          • 相對路徑 - 查找的開始位置是變化
          • 在實際開發中,使用更多
          • 完整的地址
          • http:// localhost : 8080 /day02 #name
          • 網絡協議 IP地址 端口號 相對路徑 錨點
          • localhost - 等價于 127.0.0.1 - 表示本機
          • 網絡訪問 - 通過互聯網
          • http://192.168.10.165:63342/D...
          • file:///C:/0507/DAY02/CODE/00.html

          C:07\DAY02\CODE>C:\0507\DAY02\CODE\00.html<.html

          • 本地訪問 - 和網絡無關

          圖片元素

          • <img> - 空標簽,沒有結束標簽
          • 必要屬性 - src屬性

          可選屬性

          • width
          • height
          • 單位
          • 像素值
          • 百分值

          HTML表格

          • 概念 - 具有行和列(單元格)
          • 行 - 表示水平方向(多個單元格)
          • 列 - 表示垂直方向(多個單元格)
          • HTML表格
          • 表示為表格
          • 作用
          • 表格的語義化 - 配合 CSS 可以實現漂亮的表格效果
          • 利用表格的行和列的概念 - 實現頁面元素的布局
          • HTML表單
          • <form>標簽
          • 語義化 - 表示為表單
          • 容器元素 - 瀏覽器中不會有任何顯示效果
          • 文件的編碼格式 - UTF-8
          • HTML頁面的編碼格式 - UTF-8
          • <meta charset="UTF-8">
          • 設置當前HTML頁面的編碼格式
          • 在瀏覽器運行當前HTML頁面時,告訴瀏覽器當前的編碼格式
          • 字符集
          • 概念 - 存放所使用的所有的字符(漢字)

          分類

          • ANSI - 美國
          • ISO-8859-1 - 歐洲
          • GBK - 中國
          • GB2312
          • Unicode - 萬國碼
          • UTF-8 - 主要使用
          • UTF-16
          • 計算機的存儲方式
          • 利用二進制方式 - 1和0
          • 中國
          • 存儲 - 將漢字 "中國" 轉換成 二進制 進行存儲 - GBK
          • 讀取 - 將 二進制 轉換成 "中國" 進行顯示 - UTF-8


          打算深入了解這個行業的朋友,可以私信我“前端” ,不論你是學生還是想轉行的朋友,我都歡迎,不定期分享干貨,整理的一份2019最新的web前端學習資料和0基礎入門教程分享給大家

          界各國語言學習網站看到在不同語種里自由切換的牛人很羨慕?一直想學一種新語言卻總是拖拉著不開始?“多學一種語言,不僅是多打開一扇窗子…...而且是多一個世界、多一個頭腦、多一重生命”。世界上大部分語言的學習網站……簡直不能更全面,快收藏起來學習吧!篇幅比較長,是按地域分的,這里先列個地域清單:東亞,東南亞,南亞,西亞,北亞,東歐,南歐,西歐,北歐,中歐,古代語言,太平洋,北美印第安,南美印第安,其他美洲語言。東亞1.漢語☆☆☆☆☆Chinese (Mandarin)漢語(普通話)http://www.csulb.edu/~txie/online.htm 【網上學中文】http://www.chineseon.net 【中文上網學習】http://www.chinawestexchange.com/Mandarin/http://www.chinese-outpost.com/language/ 【學中文:免費漢語普通話指南】http://www.chinese-tools.com/learn/chinese 【學中文:免費網絡有聲教程】http://www.zapchinese.com 【學中文學漢語普通話】http://www.sinoling.com 【漢語言網】☆☆☆☆Chinese (Shanghainese)漢語(上海話)http://www.zanhe.com/ 【上海話教程】http://www.shanghai.or.jp/zw/shanghai/ 【當代上海話】☆☆☆☆Chinese (Cantonese)漢語(廣州話)http://www.khuang.com/chinese/cantonese.asp 【粵語角】http://www.cantonese.sheik.co.uk/ 【廣東話學習】http://www.cantonese.ca/ 【學廣東話】http://www.yueyu.net/ 【粵語會館】http://www.cantonese.org.cn/ 【粵語協會】http://www.gdlearn.com/default.asp 【廣東話學習天地】http://hanyu.chi.cuhk.edu.hk/ 【現代標準韓語與粵語對照資料庫】http://humanum.arts.cuhk.edu.hk/Lexis/lexi-can/ 【粵語審音配詞字庫】http://input.foruto.com/ccc/jyt/index.htm 【粵語拼盤】☆☆☆☆Chinese (Taiwanese)漢語(閩南話)http://www.banlam.com/ 【閩南語國際網】http://www.glossika.com/en/dict/taiwanese/index.php 【學閩南語】http://www.dang.idv.tw/memo10_1.htm 【母語的田園】http://www.chkops.kh.edu.tw/holo/ 【高雄國民小學閩南語資源中心】http://www.beifeng.net/bbs/ 【北風論壇】http://fujian.qq.topzj.com/index.php 【福建之聲】2.藏語☆☆☆Tibetanhttp://www.learntibetan.net 【藏語學生】http://www.btinternet.com/~c.fynn/tibetan/ 【藏文書寫】http://www.hwayue.org.tw/Tibetan/main.htm 【輕松學藏文】http://www.tibet.cn/zw/tibetzw_news_media/voice/No_01_01.htm 【中國西藏信息中心藏語學習】3.維吾爾語☆☆☆Uyghur

          http://www.uighurlanguage.com 【維語網】

          4.滿語☆☆Manchuhttp://www.manchuren.com/ 【滿族網】http://www.qiren.cn/ 【吉祥滿族】http://manjublog.com/blog/22 【速成自學滿語講義】http://manchusky.qq.topzj.com/index.php 【滿洲的天空】http://www.sibeweb.com/ 【錫伯人】5.蒙古語☆☆☆Mongolianhttp://www.qingis.com/monggolhel.htm 【蒙古語口語教程(初級)】http://www.mongolculture.com/lang/home/index.asp 【蒙古族語言文字】6.日語☆☆☆☆Japanesehttp://www.japanese-online.com 【日語在線】http://www.learn-japanese.net 【學日語】http://www.jp-lesson.jp 【日語課程】http://www.kantsuu.com/ 【貫通日本語】http://bbs.hzmjp.com/ 【現代日語學習論壇】http://japanese.jikx.com/ 【孫沈清日語教室】http://www.jpstu.com/ 【當當日語教室】http://jp.hjenglish.com/ 【滬江日語】http://www.jpwind.com/ 【和風日語】http://www.jpbus.com/ 【日語巴士】http://www.163riyu.com/ 【163日語】http://jpsquare.3322.net/ 【日語廣場】http://www.ryjp.com/ 【日語學習港】http://www.dase.cn/ 【大成日語網】http://amujap.6to23.com/ 【日語入門】http://www.xueriyu.com/ 【學日語】http://china-jp.net/ 【日本語天堂】http://www.rbysj.com/ 【日本語世界】http://www.hongliu.net/ 【中日交流】http://www.nihonmura.net/ 【在線日語練習】

          http://blog.hjenglish.com/songcx/category/5968.html 【新版標日學習】

          歡迎關注@博士圈

          7.韓語☆☆☆☆Koreanhttp://korean.sogang.ac.kr 【西江大學韓語教程】http://www.langintro.com/kintro/ 【韓語介紹】http://www.learnkorean.com/ 【學韓語】http://www.interedu.go.kr 【通過因特網學韓語】http://www.lifeinkorea.com/Language/korean.cfm 【韓語實踐】http://www.declan-software.com/korean.htm 【Declan韓語學習站】http://hangulforest.com/index_e.htm 【韓語森林】http://rki.kbs.co.kr/learn_korean/lessons/c_index.htm 【KBS電臺韓國語講座】http://study.hanguo.net.cn/home/ 【在線韓國語教室】http://chinese.tour2korea.com/ 【韓國旅游官方網站】http://www.52kr.com/ 【我愛韓語】http://www.koreanfan.com/ 【韓語愛好者】http://www.hi2ez.com.tw/korea/ 【韓語學習網】http://www.krdo.net/Forum/ 【韓島論壇】東南亞1.泰語☆☆☆Thaihttp://www.seasite.niu.edu/Thai/ 【北伊利諾斯大學東南亞研究中心泰語主頁】http://www.learningthai.com 【輕松學泰語】http://www.kisa.ca/thai/ 【學泰語】http://www.into-asia.com/thai_language/ 【在亞洲泰語主頁】http://www.thai-language.com/ 【泰語網】2.越南語☆☆☆Vietnamesehttp://www.seasite.niu.edu/vietnamese/vnlanguage/supportns/tableofcontent.htm 【北伊越南語主頁】http://perso.orange.fr/dang.tk/langues/hanviet.htm 【漢越字典】http://www27.brinkster.com/hanosoft/default.asp?chu= 【線上漢越字典】3.緬甸語☆☆Burmesehttp://www.seasite.niu.edu/Burmese/ 【北伊利諾斯大學東南亞研究中心緬甸語主頁】4.老撾語☆☆Laohttp://www.seasite.niu.edu/lao/LaoLanguage/Lao_language_fp.htm 【北伊老撾語主頁】http://www.laosoftware.com 【老撾語軟件】5.柬埔寨語/高棉語☆☆Cambodian/khmerhttp://www.seasite.niu.edu/khmer/ 【北伊利諾斯大學東南亞研究中心柬埔寨語主頁】6.馬來語☆☆☆Malayhttp://pgoh13.free.fr/malay_course.php 【學馬來語】7.印尼語☆☆☆Indonesianhttp://www.seasite.niu.edu/Indonesian/ 【北伊利諾斯大學東南亞研究中心印尼語主頁】http://www.zhangqiang.org/ 【一起學印尼語】8.菲律賓語/他加祿語☆☆Philipino/Tagaloghttp://www.seasite.niu.edu/Tagalog/ 【北伊利諾斯大學東南亞研究中心他加祿語主頁】

          http://www.mts.net/~pmorrow/ 【菲律賓歷史語言文化及其他】

          歡迎關注@博士圈

          南亞1.梵語☆☆☆Sanskrithttp://acharya.iitm.ac.in/sanskrit/lessons/Devan/intro.html 【自學梵語】http://www.ukindia.com/zip/zsan01.htm 【Ukindia梵語閱讀教程】http://www.siddham-sanskrit.com/ 【悉曇梵文網】http://ccbs.ntu.edu.tw/BDLM/lesson/fan/lesson_fan1.jsp 【梵文教學】http://www.siddham-sanskrit.com/s-sanskrit2/gao-po/sanskrit-pronoun.htm 【古梵語語音教程】http://www.ucchusma.idv.tw/Sanskrit/sanskrit.htm 【輕松學梵文】2.印地語☆☆☆Hindihttp://lrs.ed.uiuc.edu/Students/avatans/project.html 【印地語網絡學習資源】http://www.ncsu.edu/project/hindi_lessons/lessons.html 【印地語入門】http://www.myhinditeacher.com 【在線印地語教師】http://home.unilang.org/courses/hindi/ 【印地語教程】http://www.ukindia.com/zhin001.htm 【Ukindia印地語閱讀教程】3.烏爾都語http://www.ukindia.com/zurdu1.htm 【Ukindia烏爾都語閱讀教程】4.尼泊爾語☆☆Nepalihttp://www.nepali.info/nepali/lessons/ 【尼泊爾語教程】5.孟加拉語☆☆Bengalihttp://www.viswayan.com/ 【孟加拉文化】http://www.virtualbangladesh.com/bengali_index.html 【初級孟加拉語】6.泰米爾語☆☆Tamilhttp://www.unc.edu/~echeran/paadanool/ 【學泰米爾語】http://www.duke.edu/~skc9/tamilclass/ 【用英語學泰米爾語】7.馬爾代夫語☆☆Maldivianhttp://www.maldivesculture.com/thaana01.html 【讀寫馬爾代夫語】西亞1.普什圖語☆☆Pashtohttp://www.khpalapashtu.com/homee.htm 【普什圖語主頁】2.波斯語☆☆☆Persian/Farsihttp://www.easypersian.com 【輕松學波斯語】http://iranianlanguages.com 【伊朗語言文字】http://www.ajabanzaban.com/ 【伊朗語言文化】3.土耳其語☆☆☆Turkishhttp://www.turkishlanguage.co.ukhttp://cali.arizona.edu/maxnet/tur/ 【亞利桑那大學人文學院土耳其語教程】http://www.onlineturkish.com 【在線土耳其語】http://www.turkishclass.com 【土耳其語課堂】4.阿拉伯語☆☆☆☆Arabichttp://i-cias.com/babel/arabic/ 【巴別塔在線阿拉伯語教程】http://afl.ajeeb.com 【學阿拉伯語】http://www.arabic-language.org 【阿拉伯語網】http://www.alrashidmall.com/learn-arabic.htm 【讓我們學阿拉伯語】http://www.islamopas.com/arabic/eindex.html 【在線學阿拉伯語】http://www.lootah.com/arabictutor/menuchn.htm 【非阿拉伯人學阿拉伯語】http://www.yich.org/study/Index.html 【伊斯蘭之窗:學習阿語】5.希伯來語☆☆☆Hebrewhttp://www.hebrewonline.com 【在線學希伯來語】http://www.hebrewresources.com/onlineclass.html 【在線希伯來語課堂】http://www.zigzagworld.com/hebrewforme 【我的希伯來語】http://www.hebrew4christians.com/ 【天主教徒的希伯來語】http://www.jewfaq.org/alephbet.htm 【希伯來文字母】http://hebrew.fhl.net/ 【希伯來文教室】6.亞美尼亞語☆☆Armenianhttp://www.menq.am/tarer_main.htm 【亞美尼亞字母】http://www.learnarmenian.com 【學亞美尼亞語】7.格魯吉亞語☆☆Georgianhttp://languagelab.bh.indiana.edu/Georgian.html 【在線格魯吉亞語】8.阿塞拜疆語☆☆Azeri/Azerbaijanihttp://www.azeri.org/【阿塞拜疆語言文學】http://www.travel-images.com/az-lear.html 【學阿塞拜疆語】北亞1.楚科奇語☆Chukchihttp://www.faculty.uaf.edu/ffpag/chuklang.html 【楚科奇語介紹】http://privatewww.essex.ac.uk/~spena/Chukchee/CHUKCHEE_HOMEPAGE.html 【楚科奇語主頁】http://www.arcticphoto.co.uk/gallery2/arctic/peoples/chukchi/chukchi.htm 【楚科奇人圖片】2.旁遮普語http://www.5abi.com/5ratan/01_paath01.htm 旁遮普語教程http://www.punjabonline.com/servlet/library.language?Action=Main 旁遮普語在線3.古吉拉特語http://kids.swaminarayan.org/gujarati/index.htm 古吉拉特語字母等http://ccat.sas.upenn.edu/plc/gujarati/index.html 古吉拉特語語法,詞典等4.泰盧固語http://www.sirigina.com/learn/ 泰盧固語學習5.馬拉亞拉姆語http://www.jaimalayalam.com/malaindex.htm 馬拉亞拉姆語學習6.馬拉提語http://www.marathimitra.com/ 馬拉提語學習東歐1.俄語☆☆☆☆Russianhttp://learningrussian.com 【學俄語:在線俄語中心】http://masterrussian.com 【掌握俄語:從初級到高級】http://www.waytorussia.net/WhatIsRussia/Russian.html 【通往俄羅斯之路:在線俄語指南和俄語詞匯書】

          http://www.russianlessons.net 【俄語教程】

          歡迎關注@博士圈

          2.白俄羅斯語☆☆Belarusianhttp://www.cus.cam.ac.uk/~np214/lacin.htm 【白俄羅斯語網】3.烏克蘭語☆☆Ukrainianhttp://www.ukma.kiev.ua/pub/courses/UFL/ 【烏克蘭語入門】4.愛沙尼亞語☆☆Estonianhttp://www.einst.ee/publications/language/language.html 【愛沙尼亞語介紹】5.拉脫維亞語☆☆Latvianhttp://www.codefusion.com/latvianasp/latonline.asp 【在線學拉脫維亞語】6.立陶宛語☆☆Lithuanianhttp://postilla.mch.mii.lt/Kalba/kalbarast.en.htm 【立陶宛語言文字】http://www.debeselis.net/ 【在線學立陶宛語】http://www.angelfire.com/ma4/thelithuanians/index.html 【立陶宛人】南歐1.拉丁語☆☆☆Latinhttp://www.textkit.com 【拉丁語和古希臘語學習】http://archives.nd.edu/latgramm.htm 【拉丁語詞典和語法】http://www.utexas.edu/cola/centers/lrc/eieol/latol-TC-X.html 【在線拉丁語教程】2.希臘語☆☆☆Greekhttp://www.kypros.org/LearnGreek/ (Modern/Ancient) 【在線學希臘語(現代/古代)】http://www.ilearngreek.com (Modern) 【在線學希臘語(現代)】http://www.greece.org/gr-lessons/ (Modern) 【現代希臘語】http://www.xanthi.ilsp.gr/filog/ (Modern) 【外國人學現代希臘語】http://www.ibiblio.org/koine/greek/lessons/ (New Testament) 【圣經新約希臘語學習】http://socrates.berkeley.edu/~ancgreek/ (Ancient) 【古希臘語指南】http://www.textkit.com (Ancient) 【古希臘語和拉丁語學習】http://www.utexas.edu/cola/centers/lrc/eieol/grkol-TC-X.html 【在線古典希臘語教程】http://www.utexas.edu/cola/centers/lrc/eieol/ntgol-TC-X.html 【在線圣經新約希臘語教程】3.意大利語☆☆☆Italianhttp://www.bbc.co.uk/languages/italian/ 【BBC電臺意大利語學習主頁】http://cyberitalian.com 【用計算機學意大利語:課程和意大利旅游指南】http://www.italianforyou.it 【你的意大利語:在線互動意大利語教程】

          http://www.iluss.it/ 【在線學意大利語:教程語法詞匯等】

          歡迎關注@博士圈

          4.西班牙語☆☆☆☆Spanishhttp://www.bbc.co.uk/languages/spanish/ 【BBC電臺西班牙語主頁】http://www.spanish.bz/learn-spanish.htm 【學西班牙語:在線教程和音頻】http://www.spanishromance.com 【免費西班牙語在線學習】http://studyspanish.com 【學西班牙語】http://www.spanishprograms.com/learn.htm 【在線學西班牙語】http://www.spanicity.com 【西班牙城:學西班牙語】http://www.gospanish.net 【西班牙語語法自測】http://www.rocketspanish.com 【在線學西班牙語】5.葡萄牙語☆☆☆Portuguesehttp://www.bbc.co.uk/languages/other/portuguese/talk/ 【BBC電臺:說葡萄牙語】http://www.sci.fi/~huuhilo/portuguese/ 【巴西葡萄牙語】http://www.learningportuguese.co.uk 【學葡萄牙語】http://www.easyportuguese.com 【輕松學葡萄牙語】6.羅馬尼亞語☆☆Romanianhttp://www.easyromanian.com/ 【輕松學羅馬尼亞語】7.保加利亞語☆☆Bulgarianhttp://learnbulgarian.hit.bg 【學保加利亞語】http://www.easybulgarian.com/ 【輕松學保加利亞語】http://www.hf.uio.no/east/bulg/mat/gram/index.html 【在線初級保加利亞語語法】8.阿爾巴尼亞語☆☆Albanianhttp://www.albanianoverview.com/ 【阿爾巴尼亞語概覽】http://www.argjiro.net/fjalor/ 【在線英阿阿英詞典】9.克羅地亞-塞爾維亞語☆☆Croatianhttp://www.hr/hrvatska/language/ 【克羅地亞語學習】☆☆Serbianhttp://www.serbianschool.com 【塞爾維亞語學校】10.斯洛文尼亞語☆☆Slovenianhttp://www.ff.uni-lj.si/publikacije/sft/ 【旅游者斯洛文尼亞語】11.馬其頓語☆☆Macedonianhttp://macedoniadirect.com/azbuka.htm 【現代馬其頓語字母】http://www.utoronto.ca/slavic/macedonian/ 【初級和中級馬其頓語】http://www.ancientmacedonia.com/ 【古代馬其頓】http://www.unet.com.mk/ancient-macedonians/lac_a.htm 【古代馬其頓語言字母和文化】12.馬耳他語☆☆Maltesehttp://www.aboutmalta.com/grazio/malti.html 【應急馬耳他語】http://aboutmalta.com/grazio/maltesegrammar.html 【馬耳他語語法】http://aboutmalta.com/language/engmal.htm 【基礎英馬詞典】http://aboutmalta.com/language/phrasebook.htm 【馬耳他語詞匯】13.加泰隆語☆☆Catalanhttp://catalunya-lliure.com/curs/curs.html 【說加泰隆語】http://www.intercat.gencat.es/eng/learncatalan.html 【我在學加泰隆語】14.巴斯克語☆Basquehttp://asignoret.free.fr/eskuara.html 【巴斯克語教程】http://www.ehu.es/grammar/ 【簡易巴斯克語語法】西歐1.英語☆☆☆☆☆Englishhttp://www.bbc.co.uk/worldservice/learningenglish/ 【BBC電臺英語學習主頁】http://www.zozanga.com 【免費學英語】http://www.wmich.edu/medieval/research/rawl/IOE/ 【電子版古英語入門】http://home.comcast.net/~modean52/oeme_dictionaries.htm 【古英語詞典】2.法語☆☆☆☆Frenchhttp://www.bbc.co.uk/languages/french/ 【BBC電臺法語學習主頁】http://www.frenchassistant.com 【法語助手:免費在線法語課程】http://www.jump-gate.com/languages/french/ 【法語教程】http://www.france-pub.com/french/ 【免費法語學習教程】http://www.my-french-dictionary.com 【我的圖解法語詞典(英法)】3.荷蘭語☆☆☆Dutch荷蘭語http://www.learndutch.org/ 【學荷蘭語】http://www.dutchtrav.com 【旅游者荷蘭語】http://www.gnomjas.nl/html/dutch/ 【學荷蘭語:在線荷蘭語語法教程】http://www.taalthuis.com 【荷蘭語學習】4.愛爾蘭語/蓋爾語☆☆Irish/Gaelichttp://www.irishgaelictranslator.com/lessons/ 【愛爾蘭語教程】http://www.inac.org/irishlanguage/ 【愛爾蘭語教程】http://www.contemporarypoetry.com/brain/lang/ 【愛爾蘭和蘇格蘭蓋爾語教程】http://www.gaeltalk.net 【在線蓋爾語】http://homepage.eircom.net/~eofeasa/ 【在線愛爾蘭語指導】http://www.irishpage.com/irishpeople/ 【愛爾蘭人愛爾蘭語教程】

          http://www.daltai.com/ 【愛爾蘭語語言信息和資源】

          歡迎關注@博士圈

          5.盧森堡語☆☆Luxembourgishhttp://www.languages.lu/learnLuxembourgish.htm 【自學盧森堡語】6.威爾士語☆☆Welshhttp://www.bbc.co.uk/wales/learnwelsh/ 【BBC威爾士語學習】http://www.swan.ac.uk/dace/e-wlpan/ 【E-Wlpan威爾士語教程】http://www.cs.cf.ac.uk/fun/welsh/Welsh.html 【威爾士語教程】7.布列塔尼語☆Bretonhttp://www.bretagnenet.com/scb/breton.html 【布列塔尼語自由問答】http://www.smo.uhi.ac.uk/saoghal/mion-chanain/brezhoneg/ 【布列塔尼語簡易教程】北歐1.冰島語☆☆Icelandichttp://www.mentalcode.com/icelandic/ 【冰島語教程】http://www.simnet.is/gardarj/gardar1.htm 【現實冰島】http://www.samkoma.com/mimir/mimir.htm 【冰島語語法筆記】2.丹麥語☆☆Danishhttp://www.speakdanish.dk 【丹麥語信息】http://dkheadlines.com/learndanish.htm 【讓我們說丹麥語】http://users.cybercity.dk/~nmb3879/danish.html 【丹麥語語法】3.挪威語☆☆Norwegianhttp://www.sofn.com/norwegian_culture/languagelessons_index.jsp 【挪威之子:挪威語教程】4.瑞典語☆☆Swedishhttp://www.personal.psu.edu/faculty/a/d/adr10/swedish.html 【瑞典語教程】http://www.hhs.se/isa/swedish/ 【瑞典語介紹】http://www.filter.ac.uk/database/insightrecord.php?id=41 【瑞典語入門】5.芬蘭語☆☆☆Finnishhttp://www.henkimaa.nu/finndex/suomea/learning/online.html 【在線芬蘭語教程】http://www.cs.tut.fi/~jkorpela/Finnish.html 【芬蘭語】http://virtual.finland.fi/finfo/english/finnlang.html 【現實芬蘭:芬蘭語】http://www.chiugate.fi/ 【芬蘭語教程】中歐1.德語☆☆☆☆German/Deutschhttp://www.bbc.co.uk/languages/german/ 【BBC電臺德語學習主頁】http://www.deutsch-lernen.com 【在線學德語】http://www.ex.ac.uk/german/abinitio/ 【英國??速愄卮髮W德語入門教程】http://german.about.com/library/anfang/blanfang_inhalt.htm 【德語入門】http://www.dw-world.de/dw/0,,2582,00.html 【德國之聲德語教學節目】2.波蘭語☆☆Polishhttp://www.apronus.com/polishlessons/lekcje.htm 【波蘭語入門】http://grzegorj.w.interia.pl/kurs/ 【波蘭語教程】http://slavic.lang.uiuc.edu/gladney/Elementary_Polish/Start.html 【初級波蘭語】3.捷克-斯洛伐克語☆☆Czechhttp://www.czechprimer.org 【捷克語初級讀本】http://www.locallingo.com/index.html 【捷克語學習資源】☆☆Slovak

          http://www.learnslovak.com/ 【學斯洛伐克語】

          歡迎關注@博士圈

          5.匈牙利語/馬扎爾語☆☆Hungarian/Magyarhttp://www.magyarora.com 【學匈牙利語】http://www.personal.psu.edu/faculty/a/d/adr10/hungarian.html 【匈牙利語教程】http://www.hungarotips.com/hungarian/ 【匈牙利語教程】http://impulzus.sch.bme.hu/info/magyar.shtml 【匈牙利語入門】古代語言1.古斯堪的納維亞語☆☆Old Norsehttp://www.hi.is/~haukurth/norse/ 【古斯堪的納維亞語入門】http://www.utexas.edu/cola/centers/lrc/eieol/norol-TC-X.html 【在線古斯堪的納維亞語教程】2.古教會斯拉夫語☆☆Old Church Slavonichttp://justin.zamora.com/slavonic/ 【幫我學教會斯拉夫語】http://www.utexas.edu/cola/centers/lrc/eieol/ocsol-TC.html 【在線古教會斯拉夫語教程】3.哥特語☆☆Gothichttp://www.utexas.edu/cola/centers/lrc/eieol/gotol-TC-X.html 【在線哥特語教程】太平洋1.基里巴斯語☆Kiribatihttp://www.trussel.com/kir/less01.htm 【基里巴斯語教程】2.查莫羅語☆Chamorrohttp://offisland.com/cham.html 【查莫羅語】http://ns.gov.gu/language.html 【關島的語言】http://chamorrobible.org/chamorro-dictionary1.htm 【關島查莫羅語詞典及語法】http://www.chamorro.com/ 【世界查莫羅團體】3.塔希提語☆Tahitianhttp://www.tahiti-explorer.com/language.html 【塔希提語慣用語】http://www.hawaii.edu/oceanic/tahiti/ 【塔希提語教程】4.薩摩亞語☆Samoanhttp://www.samoa.co.uk/ 【感覺薩摩亞人:文化、歷史、語言等】5.斐濟語☆Fijianhttp://www.fijiguide.com/Facts/language.html【斐濟群島旅游指南:語言、信息、島嶼、觀光旅游】6.毛利語☆Māorihttp://www.maori.org.nz/ 【毛利網】http://www.korero.maori.nz/ 【Kōrero毛利語教程】http://hedc.otago.ac.nz/whakahuatanga/ 【毛利語發音】http://translator.kedri.info/ 【毛利語詞典】http://www.tetaurawhiri.govt.nz/english/index.shtml 【毛利語代理】7.圖瓦盧語☆Tuvaluanhttp://www.tuvaluislands.com/lang-tv-index.htm 【圖瓦盧語手冊】8.瑙魯語☆Nauruanhttp://www.trussel.com/kir/petit.htm 【瑙魯語詞匯】9.比斯拉馬語/瓦努阿圖語☆Bislama/Vanuatuhttp://www.une.edu.au/langnet/bislama.htm 【比斯拉馬語簡介】http://www.pacificislandtravel.com/vanuatu/about_destin/bislama.asp 【比斯拉馬語簡介】http://members.shaw.ca/scombs/bislama.html 【比斯拉馬語,瓦努阿圖的皮欽族際交際語】北美印第安語因紐特語☆Inuktituthttp://www.nunanet.com/~jtagak/resources/ 【因紐特文化資源】http://www.livingdictionary.com/ 【因紐特活詞典】

          http://www.answers.com/topic/inuktitut 【因紐特語介紹】

          歡迎關注@博士圈

          奧杰布華語☆☆Ojibwehttp://www.citilink.com/~nancyv/ojibwe/ 【奧杰布華語言和文化】http://www.first-ojibwe.net/ 【奧杰布華語言文化第一站】http://www.tolatsga.org/ojib.html 【奧杰布華歷史】黑腳語/布萊克福特語☆Blackfoothttp://people.uleth.ca/~frantz/blkft.html 【黑腳語介紹】http://www.fp.ucalgary.ca/blackfoot/ 【黑腳語主頁】克里語☆Creehttp://www.nisto.com/cree/ 【說克里語】http://eastcree.org/en/ 【東克里語語言網】http://www.creeculture.ca/ 【克里文化】特拉華語☆Delawarehttp://www.jersey.net/~standingbear/language.htm 【常用特拉華語】http://www.delawaretribeofindians.nsn.us/ 【印第安特拉華部落】喬克托語☆Choctawhttp://myweb.cableone.net/areeves/choctaw/lang.htm 【喬克托語常用語和語法】http://www.nativenashville.com/language/tutor_chata.htm 【喬克托語教程】阿帕奇語☆Apachehttp://www.wusd.k12.az.us/Links/Staff/BGood/Apachedictionary/Apachedict.html 【阿帕奇語有聲詞典】http://www.greatdreams.com/apache/apache-index.htm 【阿帕奇部落:夢幻與現實】拿伐鶴語☆☆Navajohttp://www.u.arizona.edu/~kchief/Language.html 【Karletta Chief的拿伐鶴語主頁】http://waltonfeed.com/peoples/navajo/language.html 【拿伐鶴語語音樣本】切羅基語☆☆Cherokeehttp://cherokeehistory.com/ 【切羅基歷史】http://www.powersource.com/cocinc/language/ 【切羅基語教程】http://www.angelfire.com/nj/nativecrafts/language.html 【基礎切羅基語】蘇語☆Siouxhttp://fpcctalkindian.nativeweb.org/ 【達科他語教程】http://www.elexion.com/lakota/iyapi/index2.html 【拉科他語教程】納華特語☆Nahuatlhttp://weber.ucsd.edu/~dkjordan/nahuatl/nahuatllessons/INL-00.html 【納華特語教程】http://nahuatl.info/home.htm 【納華特語語言學院】南美印第安語凱楚亞語☆☆Quechuahttp://www.ullanta.com/quechua/ 【凱楚亞語主頁】http://www.yachay.com.pe/especiales/quechua/ 【凱楚亞語教程】http://www.runasimi.de/runaengl.htm 【凱楚亞語信息】http://www.andes.org/ 【安第斯文化:凱楚亞歌曲、詩歌、故事、圖片】http://www.zompist.com/quechua.html 【少許凱楚亞詞語】

          http://www.quechua.org.uk/ 【凱楚亞語言和語言學】

          歡迎關注@博士圈

          艾馬拉語☆Aymarahttp://grove.ufl.edu/~hardman/almp/almp.html 【艾馬拉語語言材料】瓜拉尼語☆Guaranihttp://www.websters-online-dictionary.org/definition/Guarani-english/ 【瓜拉尼語詞典】其他美洲語言復活節島語言文字☆☆Rongorongohttp://www.portalrapanui.cl/ing/ing.htm 【復活節島】 http://www.rongorongo.org/ 【復活節島文字網】http://www.netaxs.com/~trance/rongo.html 【復活節島文字釋讀】

          http://rongorongo.chat.ru/index.htm 【復活節島文字主頁】

          歡迎關注@博士圈

          夏威夷語☆☆Hawaiianhttp://www.gohawaii.com/ 【夏威夷旅游官方網站】http://www.alternative-hawaii.com/ 【夏威夷度假旅游指南】http://www.aloha-hawaii.com/hawaii/native+tongue/ 【夏威夷網:夏威夷群島本土語言】http://www.princeresortshawaii.com/visiting-hawaii-language.php 【旅游夏威夷語】http://www.hawaiimusicfestivals.com/language.htm 【夏威夷音樂節:夏威夷語非洲1.斯瓦希里語☆☆☆Swahilihttp://www.masai-mara.com/mmsw.htm 【實用斯瓦西里語】http://mwanasimba.online.fr/E_index.html 【斯瓦西里語入門捷徑】http://www.glcom.com/hassan/swahili.html 【斯瓦西里語教程】2.豪薩語☆☆☆Hausahttp://www.teachyourselfhausa.com/ 【自學豪薩語】http://www.humnet.ucla.edu/humnet/aflang/Hausa/hausa.html 【UCLA豪薩語主頁】3.阿姆哈拉語☆☆Amharichttp://www.amharicdictionary.com/ 【阿姆哈拉語詞典】4.祖魯語☆☆Zuluhttp://www.cyberserv.co.za/users/~jako/lang/zul.htm 【南非祖魯語】http://my.cybersoup.com/vusezakithi/izilimi.html 【學祖魯語】5.南非荷蘭語☆Afrikaanshttp://web.sois.uwm.edu/AFR101/ 【在線學南非荷蘭語】6.伊博語☆Igbohttp://ilc.igbonet.com/ 【在線伊博語教程】http://www.columbia.edu/itc/mealac/pritchett/00fwp/igbo_index.html 【伊博語語言文學學習資源】7.沃洛夫語☆Wolofhttp://www.linguistics.uiuc.edu/wolof/courses/index.html 【在線沃洛夫語教程】http://www.chez.com/afroweb/wolo_frm.htm 【沃洛夫語教程】http://www.wolofonline.com/ 【沃洛夫語在線】8.約魯巴語☆Yorubahttp://www.learnyoruba.com/【學約魯巴語】http://www.abeokuta.org/yoruba.htm 【在這學約魯巴語】http://www.kazicom.cwc.net/yorubaworld/frame.htm 【約魯巴語世界】9.馬爾加什語/馬達加斯加語☆☆Malagasyhttp://www.nvtc.gov/lotw/months/june/Malagasy.html 【馬爾加什語介紹】http://www.nmafa.si.edu/exhibits/malagasy/language.html 【你想說馬爾加什語嗎】托爾金的精靈語Elvish Languages (invented by J.R.R.Tolkien)教程:http://www.councilofelrond.com/modules.php?op=modload&name=Content&file=index&action=ViewContent&cid=31 【The Council of Elrond – Languages of Middle-Earth】 個人最喜歡的教程,而且可以線上提交作業,有專門的老師會批改http://tolklang.quettar.org/pronlo/pronguide.html 【Elvish Pronunciation Guide】 發音指導http://www.sci.fi/~alboin/tengwartutorial.htm 【Writing With Elvish Fonts】 精靈文書寫詞典:http://www.jrrvf.com/hisweloke/sindar/ 【The Sindarin dictionary project】 Sindarin線上詞典,可下載單機版詞典Dragonflame,很好用http://en.wiktionary.org/wiki/Appendix:Sindarin 【Sindarin Wiktionary】 Sindarin維基詞典http://en.wiktionary.org/wiki/Appendix:Quenya 【Quenya Wiktionary】 Quenya維基詞典

          http://www.arwen-undomiel.com/elvish.html 【Arwen-Undomiel.com :: Elvish】 非常實用的資源,書和電影中的精靈語、歌詞、常用短語、會話等

          本期編輯:孫嘉靖、周夢爽

          內容來源:“博士君”微信公眾號


          主站蜘蛛池模板: 久久精品一区二区三区资源网| 久久精品岛国av一区二区无码| 日本免费一区二区三区| 无码精品人妻一区二区三区漫画| 无码人妻精品一区二区三区不卡 | 亚洲性日韩精品一区二区三区| 久久国产免费一区二区三区| 日韩精品电影一区亚洲| 在线视频一区二区日韩国产| 亚洲日本一区二区| 少妇无码一区二区二三区| 久久国产精品最新一区| 亚洲国产一区二区a毛片| 久久久无码精品国产一区| 日韩精品无码一区二区三区免费| 精品久久综合一区二区| 午夜在线视频一区二区三区 | 极品少妇伦理一区二区| 后入内射国产一区二区| 性色AV 一区二区三区| 精品人妻少妇一区二区| 熟女大屁股白浆一区二区| 中文字幕精品一区| 色偷偷一区二区无码视频| 亚洲一区二区三区写真| 国产一区二区三区播放| 国产乱码伦精品一区二区三区麻豆 | 国产精品亚洲午夜一区二区三区| 一区二区在线观看视频| 欧美日本精品一区二区三区| 精品一区二区91| 一区二区三区四区免费视频| 78成人精品电影在线播放日韩精品电影一区亚洲 | 国产福利91精品一区二区三区 | 国产成人av一区二区三区不卡| 无码毛片一区二区三区中文字幕| 综合人妻久久一区二区精品| 国产高清精品一区| 国产一区二区中文字幕| 丰满人妻一区二区三区视频53| 国产韩国精品一区二区三区|