前端那些事兒——中文亂碼，網頁中文亂碼，網頁亂碼，塊元素，內聯元素
阿新 • • 發佈：2019-01-26
1、中文亂碼
出現中文亂碼的原因：網頁原始碼與內容的編碼格式不一樣，例如一個是GBK，一個是utf-8
解決方法：改成一樣的編碼。。。（注意：用IDE或者其他工具建立頁面時的編碼格式，跟<meta/> 裡面的字符集charset字符集格式保持一致就好了）
=======================================================
2、塊級元素與內聯元素（有多種叫法：內聯元素、內嵌元素、行內元素、直進式元素）
| block會獨佔一行，預設情況下，其寬度會填滿父元素的寬度 | inline不會獨佔一行，相鄰的inline會排在同一行裡，直到排不下才會換行， |
| block元素可以設定width、height屬性 | inline元素width、height屬性無效，寬高隨內容變化 |
| block元素可以設定padding、margin屬性 | inline元素padding、margin屬性設定中，水平方向的可產生邊距效果，豎直方向卻不會 |
| block元素對應display:block | inline元素對應display:inline |
| 可以容納inline元素和其他block元素 | 只能容納文字和其他inline元素 |
| …… |
| <address> | 定義地址 |
| <caption> | 定義表格標題 |
| <dd> | 定義列表中定義條目 |
| <div> | 定義文件中的分割槽或節 |
| <dl> | 定義列表 |
| <dt> | 定義列表中的專案 |
| <fieldset> | 定義一個框架集 |
| <form> | 建立 HTML 表單 |
| <h1> | 定義最大的標題 |
| <h2> | 定義副標題 |
| <h3> | 定義標題 |
| <h4> | 定義標題 |
| <h5> | 定義標題 |
| <h6> | 定義最小的標題 |
| <hr> | 建立一條水平線 |
| <legend> | 元素為 fieldset 元素定義標題 |
| <li> | 標籤定義列表專案 |
| <noframes> | 為那些不支援框架的瀏覽器顯示文字，於 frameset 元素內部 |
| <noscript> | 定義在指令碼未被執行時的替代內容 |
| <ol> | 定義有序列表 |
| <ul> | 定義無序列表 |
| <p> | 標籤定義段落 |
| <pre> | 定義預格式化的文字 |
| <table> | 標籤定義 HTML 表格 |
| <tbody> | 標籤表格主體（正文） |
| <td> | 表格中的標準單元格 |
| <tfoot> | 定義表格的頁尾（腳註或表注） |
| <th> | 定義表頭單元格 |
| <thead> | 標籤定義表格的表頭 |
| <tr> | 定義表格中的行 |
| <a> | 標籤可定義錨 |
| <abbr> | 表示一個縮寫形式 |
| <acronym> | 定義只取首字母縮寫 |
| <b> | 字型加粗 |
| <bdo> | 可覆蓋預設的文字方向 |
| <big> | 大號字型加粗 |
| <br> | 換行 |
| <cite> | 引用進行定義 |
| <code> | 定義計算機程式碼文字 |
| <dfn> | 定義一個定義專案 |
| <em> | 定義為強調的內容 |
| <i> | 斜體文字效果 |
| <img> | 向網頁中嵌入一幅影象 |
| <input> | 輸入框 |
| <kbd> | 定義鍵盤文字 |
| <label> | 標籤為 input 元素定義標註（標記） |
| <q> | 定義短的引用 |
| <samp> | 定義樣本文字 |
| <select> | 建立單選或多選選單 |
| <small> | 呈現小號字型效果 |
| <span> | 組合文件中的行內元素 |
| <strong> | 語氣更強的強調的內容 |
| <sub> | 定義下標文字 |
| <sup> | 定義上標文字 |
| <textarea> | 多行的文字輸入控制元件 |
| <tt> | 打字機或者等寬的文字效果 |
| <var> | 定義變數 |
| <button> | 按鈕 |
| <del> | 定義文件中已被刪除的文字 |
| <iframe> | 建立包含另外一個文件的內聯框架（即行內框架） |
| <ins> | 標籤定義已經被插入文件中的文字 |
| <map> | 客戶端影象對映（即熱區） |
| <object> | object物件 |
| <script> | 客戶端指令碼 |
=======================================================