前端html筆記：
strict.dtd 標(biāo)準(zhǔn)版 語(yǔ)法要求嚴(yán)格
transitonal.dtd 過渡模式 語(yǔ)法要求寬松
loose.dtd 過渡模式 松散模式
strict.dtd 標(biāo)準(zhǔn)版

html 標(biāo)簽
單標(biāo)簽 有始無(wú)終
雙標(biāo)簽 有始有終

并列關(guān)系：平級(jí)關(guān)系
包含關(guān)系：嵌套關(guān)系

開發(fā)工具:
sublime
ctrl+shift+p 插件安裝 選中install package
ctrl+shift+p 插件安裝 remove 回車 刪除已安裝插件
ctrl+shift+d 復(fù)制整行
ctrl+f 快速查找
ctrl+h 查找替換
按住ctrl鍵不松，鼠標(biāo)連著在需要插入文字的地方按多行 可多行一起插入

div span 沒有語(yǔ)義的標(biāo)簽
div塊兒元素 span行元素
img的alt屬性是給搜索引擎看的
src屬性值../代表回到上一級(jí)目錄
a標(biāo)簽target屬性值:_self默認(rèn)值 點(diǎn)擊超鏈接后會(huì)覆蓋當(dāng)前頁(yè)面
_blank 新窗口打開新頁(yè)面

本頁(yè)面內(nèi)跳轉(zhuǎn)

錨鏈接:
需要提前設(shè)置id,href屬性中#id，實(shí)現(xiàn)本頁(yè)面跳轉(zhuǎn)
head標(biāo)簽內(nèi)嵌套<base target="">對(duì)錨鏈接同樣生效
? 空格-特殊字符
< 小于-特殊字符
> 大于-特殊字符
語(yǔ)義標(biāo)簽:
<nav></nav> 導(dǎo)航
<header><header> 表示網(wǎng)站主體部分頭部
<footer></footer> 網(wǎng)站尾部
<article></article> 文章整體
<aside></aside> 網(wǎng)站側(cè)邊欄
<section></section> 網(wǎng)頁(yè)布局中的任意區(qū)域
有序列表ol li
無(wú)序列表ul li
自定義列表:
<dl>
<dt>列表標(biāo)題</dt>
<dd>列表項(xiàng)</dd>
</dl>
網(wǎng)站結(jié)尾處一般使用自定義列表

video controls控制器 autoplay自動(dòng)播放 loop循環(huán) 播放
當(dāng)?shù)谝粋€(gè)視頻播放不了，就播放第二個(gè)，第二個(gè)播放不了，就播放第三個(gè)，兼容性更好
<video controls>
<source src="" />
<source src="" />
<source src="" />
</video>
audio音頻標(biāo)簽 src路徑 controls控制器 autoplay自動(dòng)播放(低版本瀏覽器不兼容) loop循環(huán)播放
可以和video的source用法一樣

轉(zhuǎn)載于:https://blog.51cto.com/3945465/2152301

總結(jié)

以上是生活随笔為你收集整理的前端html笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。