HTML知识
前端開發：Web Front-end development
后端開發：Web Back-end development
前端開發：
1】開發什么：
結構布局、樣式呈現、頁面的動態交互：js-腳本、數據交互處理、數據格式化渲染
| HTML | CSS | JavaScript |
2】<title></title>：文檔標題
title標簽內的文字一般是30-40個字符，只少不多
如何寫title：
主頁：網站名稱 + 主要的關鍵字/關鍵詞的描述
詳情頁：詳情名稱 + 網站名稱 + 簡介
列表頁：分類名稱 + 關鍵字 + 網站名稱
文章頁：標題 + 分類 +網站名稱
3】<meta name="keywords" content="" />：文檔關鍵詞
keywords ：100個字符
網站名稱 + 分類信息 + 網站名稱
4】<meta name="description" content="" />：網頁描述
description 描述信息 80-120個漢字
綜合title + keywords的簡單描述
5】搜索引擎認知的優先級：title > description > keywords
與物理性標簽相比，更喜歡語義性標簽(因為可讀性、可維護性強、受搜索引擎青睞)
6】中文簡體：zh-Hans zh-CHS；中文繁體：zh-Hant zh-CHT
GB2312：中國信息處理國家標準碼：簡體中文編碼
GBK：漢字擴展規范：擴大了漢字收錄；增加了繁體中文；增加了藏蒙維等少數民族的文字
UTF-8：Unicode萬國碼：認識全世界正在使用的所有文字
7】document.compatMode：兼容性模式
有<!DOCTYPE html> // CSS1Compat：w3c 標準兼容性模式
沒有<!DOCTYPE html> //BackCompat：瀏覽器的怪異兼容性模式
8】heading標簽：標題標簽
獨占一行、粗體、大小不一致
8】在編輯器內，文本的空格和換行都是文本分隔符
html實體字符
9】元素
內聯元素inline element：不獨占一行、無法定義寬高
span、i、em、strong、b、sup、sub、a、label、del、ins
塊級元素block element：獨占一行、可以定義寬高
p、div、ol、ul、li、dl、dt、dd、form、fieldset、legend、hx、address、table
內聯塊級元素inline-block element：不獨占一行、可以定義寬高
img、iframe、input、select、textarea、button
10】src & href
src：source資源
href：hypertext reference超文本引用
11】<a></a>：anchor 錨點標簽
作用：超鏈接標簽、打電話、發郵件、錨點定位、協議限定符-不在跳轉或刷新
<a href="javascript:;">123</a> 或 <a href="javascript:void(0);">123</a>
12】標簽嵌套
內聯元素可以嵌套內聯元素和內聯塊級元素
塊級元素可以嵌套任何元素
p標簽不可以嵌套div標簽
a標簽不可以嵌套a標簽
13】注釋：增加代碼可讀性，方便后期維護；找bug
14】上下標
sup：superscripted
sub：subscripted
15】ol & ul ：type start reversed
ol：order list有序列表
ul：unorder list無序列表
dl：definition list 自定義列表 -》dt：definition term、dd：definition description
16】table表格
caption標題標簽
tr：table row 表格行標簽
th：table header cell 表頭標簽
td：table data cell 單元格標簽
cellpadding：單元格內邊距
cellspacing：單元格間距
以下三個標簽必須同時出現
加載：thead -> tfoot -> tbody
thead：表格頁眉標簽 table head
tfoot：表格頁尾標簽 table foot
tbody：表格的主體標簽 table body
17】frameset標簽 不可以放到body標簽內
frameset設置框架：現少用或不用因缺陷：數據交互差、加載慢、http請求多、對搜索引擎不友好
延伸出了：
iframe標簽 內聯框架：好處：不需要加載整個頁面，只要加載屬于它那一部分即可，減少了http請求；功能性導航用它最好；缺點：對搜索引擎不友好；滾動條體系混亂；數據請求無法監控；
frameborder="" scrolling=“yes|no|auto”
18】form表單：用戶提交數據：數據名稱+數據值
methods=“get|post” //請求方式
action=“url” //提交數據到后端的地址
19】input標簽
屬性：
readonly只讀：不可輸入；表單提交數據時可以正常提交
disabled禁用：不可輸入；提交數據時不能獲取到使用了該屬性的input輸入框中的值，即表單提交數據時不被提交該數據
20】label標簽
label的for屬性值與某一個input的id值相同時，點擊label可以聚焦該input輸入框
21】md5：消息摘要算法的第五個版本：不可逆加密算法(只要加密了就不可以在解密)；這種加密算法不需要提供密鑰，直接就加密了；
22】textarea標簽
cols可見寬度(假設字體16px)：= 8px * cols(平均字符數) + 17px；17px是滾動條的寬度
rows可見行數
23】fieldset & legend表達標題
表單組件
24】標簽
html標簽
html5標簽
總結
- 上一篇： FFmpeg浅尝辄止（四）——音频的解码
- 下一篇： 2017年html5行业报告,云适配发布