1景描、表現(xiàn)（內(nèi)容）、樣式偏化、行為分離
- 寫HTML的時候先不管樣式，重點(diǎn)放在HTML結(jié)構(gòu)和語義話上镐侯。
- 寫JS的時候精良不用JS去直接操作樣式侦讨，而是通過給元素天計算刪除class來控制。
- HTML內(nèi)不允許出現(xiàn)屬性樣式苟翻，盡量不要出現(xiàn)行內(nèi)樣式韵卤。
2.常見標(biāo)簽
標(biāo)題
h1~h6
段落
<p></p>
鏈接
<a href='' target='' title=''></a>
href='url' 跳轉(zhuǎn)地址
href='#' 錨點(diǎn)（不跳轉(zhuǎn)）
href='#abc 錨點(diǎn)（跳轉(zhuǎn)到ID為abc的標(biāo)簽）
圖片
`<`img src='url' alt='' `/>`
alt(SEO優(yōu)化、盲人語義崇猫、圖片時效提示)
塊沈条、區(qū)域
<div></div>
用于給頁面劃分區(qū)域，讓結(jié)構(gòu)更清晰
無序列表
<ul>
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
自定義標(biāo)簽
<dl>
<dt>
<dd>
<dd>
</dl>
按鈕
`<buttom></buttom>`
強(qiáng)調(diào)诅炉、加粗
<strong></strong>
<em></em>
用于嵌入一個頁面注意跨域操作問題
<iframe src='url' name=''></iframe>
表格
<table>
<caption></caption>
<tr>
<th><th>
<th><th>
</tr>
<tr>
<th><th>
<th><th>
</tr>
<tr>
<td><td>
<td><td>
</tr>
</table>
合并邊框：border-collapse:collapse
邊框距離：border-spacing:0
<pre></pre>
告知瀏覽器頁面是什么語言
<html lang='zh'></html>
meta
<meta>
charset="utf-8" 編碼格式
http-equiv="" 用于不通雙核瀏覽器內(nèi)核渲染
name="viewport" 用于移動端展示（優(yōu)化）
name="keywords" 用于SEO優(yōu)化搜索
name="description" 用于SEO優(yōu)化搜索
塊級元素和行內(nèi)元素
塊級元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行內(nèi)元素：span, strong, em, br, img , input, label, select, textarea, cite
行內(nèi)塊元素：applet蜡歹，button，del涕烧，iframe月而，ins，map议纯，object 景鼠，script
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
