語(yǔ)義化

就是用合理、正確的標(biāo)簽來(lái)展示內(nèi)容，比如h1~h6定義標(biāo)題。
語(yǔ)義化優(yōu)點(diǎn)：
易于用戶閱讀，樣式丟失的時(shí)候能讓頁(yè)面呈現(xiàn)清晰的結(jié)構(gòu)。
有利于SEO，搜索引擎根據(jù)標(biāo)簽來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重。
方便其他設(shè)備解析，如盲人閱讀器根據(jù)語(yǔ)義渲染網(wǎng)頁(yè)
有利于開發(fā)和維護(hù)，語(yǔ)義化更具可讀性，代碼更好維護(hù)，與CSS3關(guān)系更和諧。

新標(biāo)簽新特性

• <header>定義文檔或者文檔的部分區(qū)域的頁(yè)眉，應(yīng)作為介紹內(nèi)容或者導(dǎo)航鏈接欄的容器。
• <nav>描述一個(gè)含有多個(gè)超鏈接的區(qū)域，該區(qū)域包含跳轉(zhuǎn)到其他頁(yè)面或頁(yè)面內(nèi)部其他部分的鏈接列表。
• <main> 定義文檔的主要內(nèi)容，該內(nèi)容在文檔中應(yīng)當(dāng)是獨(dú)一無(wú)二的，不包含任何在文檔中重復(fù)的內(nèi)容，比如側(cè)邊欄，導(dǎo)航欄鏈接，版權(quán)信息，網(wǎng)站logo，搜索框（除非搜索框作為文檔的主要功能）。
• <article>元素表示文檔、頁(yè)面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)，是可獨(dú)立分配的、可復(fù)用的結(jié)構(gòu)，如在發(fā)布中，它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評(píng)論、交互式組件，或者其他獨(dú)立的內(nèi)容項(xiàng)目。
• <aside> 元素表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無(wú)關(guān)的部分，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分且可以被單獨(dú)的拆分出來(lái)而不會(huì)影響整體。通常表現(xiàn)為側(cè)邊欄或嵌入內(nèi)容。
• <footer>定義最近一個(gè)章節(jié)內(nèi)容或者根節(jié)點(diǎn)元素的頁(yè)腳。一個(gè)頁(yè)腳通常包含該章節(jié)作者、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息。
• <section>表示文檔中的一個(gè)區(qū)域（或節(jié)），比如，內(nèi)容中的一個(gè)專題組。

input和textarea的區(qū)別

• <input>元素：
  1.須指定type的值為text
  2.通過size屬性指定顯示字符長(zhǎng)度，value指定默認(rèn)值，maxlength指定最大輸入字符數(shù)

<input type="text" value="123" size="10" maxlength="20">

• <textarea>元素:
  1.使用<textarea></textarea>標(biāo)簽對(duì)
  2.內(nèi)容放在<textarea></textarea>標(biāo)簽對(duì)中
  3.使用row、cow指定大小

<textarea row="3" col="4">hello,I am textarea content</textarea>

用一個(gè)div模擬textarea的實(shí)現(xiàn)

<div contenteditable="true"> .....此處省略.....</div>
div{
    width: 400px;
    min-height: 100px;
    max-height: 300px;
    _height: 100px; //IE6
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    outline: 0;
    border: 1px solid #a0b3d6;
    font-size: 12px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto; //超過最大高度就出現(xiàn)滾動(dòng)條
    _overflow-y: visible;
}

移動(dòng)設(shè)備忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼的方法

加上meta標(biāo)簽，設(shè)置 content="telephone=no"：

<meta name="format-detection" content="telephone=no">  //禁止把數(shù)字轉(zhuǎn)化為撥號(hào)鏈接
<meta name="format-detection" content="email=no">  //禁止郵箱,禁止發(fā)送郵件
<meta name="format-detection" content="adress=no">  //禁止地址跳轉(zhuǎn)至地圖
<meta name="format-detection" content="telephone=no,email=no,adress=no">  //合并寫法