<!doctype>告訴瀏覽器怎么解析文檔－－位置是首行
<head>
<meta charset="utf--8"/>－－－很重要自己上次面試寫(xiě)錯(cuò)了charsetcharsetcharset
<title></title>
<meta name='keyword"/>
<meta name='viewport' content='width=device-width'/>
</head>
head的部分會(huì)再搜索引擎中能看到標(biāo)題遍愿，關(guān)鍵字等
html的標(biāo)簽
語(yǔ)法：
<>
閉合
一個(gè)標(biāo)簽可以帶一個(gè)或多個(gè)屬性直
可以嵌套
書(shū)寫(xiě)規(guī)范：
小寫(xiě)
屬性值要引號(hào)
常用屬性
id－－在頁(yè)面中只能出現(xiàn)一次
class
style
title
注釋是用戶不能看見(jiàn)的
<form></form>
標(biāo)簽的分類：
根元素：html爹袁，head，title床绪，meta，base受葛，link报腔，no script，style认烁，script
文本級(jí)別語(yǔ)義
span飘弧，a识藤，don，em次伶，i痴昧，small，ins冠王，s赶撰，time，b柱彻，strong豪娜，del，sub哟楷，sup瘤载，q，ruby
a用途是<a></a>
1.創(chuàng)建指向另一個(gè)文檔的鏈接
<a href="www.biadu.com" target='_self'>百度</a>
target有四個(gè)：_self,_blank,inner和fame 中name一樣
2創(chuàng)建一個(gè)文檔內(nèi)部的喵點(diǎn)
<a href='#pay"></a>
<div id='pay'></div>
3鏈接到email地址
<a href='maito:yixin">郵箱地址是多個(gè)
<a href='13333333"></a>
組合內(nèi)容
div,沒(méi)有任何語(yǔ)義是其他的元素的容器
pre,dl,dt,dd,figure,figuration,ol,li,ul,p文字卖擅，新聞相關(guān)的
列表
有序列表可以嵌套
排行榜之類用
<ol type＝‘a(chǎn)' start='2'><li></li></ol>
無(wú)序列表
<ul><li></li></ul>
自定義列表
<dl>
<dt>作者</dt>默認(rèn)有一定縮進(jìn)
<dd>描述dt</dd>
</dl>
pre格式化
block quote長(zhǎng)引用
文檔章節(jié)
body鸣奔，h1,aside,nav,section,footer,header,group,address
交互元素
menu，command惩阶，summary挎狸，detail
表格數(shù)據(jù)
col，colgroup断楷，caption锨匆，table，tr冬筒，td恐锣，th，body舞痰，ahead土榴，foot！
<table
<caption>標(biāo)題</caption>
<thead>頭部
<tr>每一行<th>表頭用</th></tr>
</thead>
<tbody>
<tr><th></th><td>普通的表格</td></tr>
</tbody>
<tfoot>
<tr><td colspan='3'>跨列</td></tr>
rowspan－－跨行
</tfoot>
表單：服務(wù)端交互
form匀奏，input鞭衩，field set，select娃善，option论衍，fatalist，legend聚磺，output坯台，texture，button瘫寝，progress蜒蕾，label稠炬，keygen
<form action='接口“ ?method='post'>
<fieldset>內(nèi)容分區(qū)
<legend></legend>內(nèi)容的標(biāo)題
<label for='file'></label>是提示信息
《input type＝‘file’／ name是提交給后端 placeholder》
opt group分組 屬性是label
<buttton></button>
</fieldset>
input type
-url
-number
-tel
-search
-range
-color
-date
-mouse
-day
嵌入式內(nèi)容
img，area,map,embed,object,param,source,iframe,canvas,track,audio,video
《img src='' alt='' tile=''/>
<ifame src=''></ifame>切入頁(yè)面廣告之類
<video loop autoplay ?controls poster='封面‘> <source src><track kind='subtitles ' src='video.srt' label='english'>
</video>
圖
canvas 利用腳本繪制圖形
svg－
熱點(diǎn)資源：
map
<img src='http:www.baidu.com' alt='yudong' width='100' height=''dd' usemap='#map"/>
<map name='map' data-ganmane='422'' data=gapoint=''dian'>
<area shape='rect' coords='',href='' ,target=_blank>
</map>
強(qiáng)調(diào)
em語(yǔ)義上強(qiáng)調(diào)咪啡，strong是粗體
換行br
文本
引用cite首启，q文字
<div>魯迅在<cite>故鄉(xiāng)</cite>中寫(xiě)道<q>地上本來(lái)沒(méi)有路，走的人多了便有了路</q>
</div>
code代碼
《code》《／code》
格式化
b粗體撤摸，i技術(shù)俗語(yǔ)
<b>標(biāo)記</b>
什么是語(yǔ)義化毅桃？
用正確的標(biāo)簽描述頁(yè)面
作用：seo
可訪問(wèn)性
可讀性
實(shí)體字符－－轉(zhuǎn)義字符
 空格
‘"；
>>
<<
@©
&-&
