-
网站
终端
-
pc -
mobile
用途
-
门户网站 -
社交网站 -
电商网站
-
软件(web app) -
微信(h5) -
后端(nodejs) -
app(混合，原生)
使用的技术
-
html -
css -
js
开发工具
-
text: notepad++ -
text: sublime text3 -
text: vs code -
text: atom -
ide : webstorm -
ide : hbuilder -
ide : visual studio -
ide : eclipse
html
-
文档声明(版本)
-
html4(严格|过度|框架) -> html:4s|4t -
xhtml1(严格|过度|框架)-> html:xs|xt -
html5 -> html:5 | !
-
web2.0 规范(xhtml1)
-
数据规范（html）
文档有且只能有一个根标签(节点|元素) 标签要成对出现 -> 空标签 属性用引号，不能裸奔 区分大小写,尽量小写
-
样式规范(css) -
行为规范(javascript ->ecmascript 3 5 6)
-
emmet快捷写法 http://docs.emmet.io/ -
文档骨架
-
html > head + body
-
头部标签(head)
-
title -
meta
-
charset="UTF-8" -> html5 -
http-equiv="Content-Type" content="text/html;charset=UTF-8" -> html4 -
name="author" content="tom"
-
link -
script
-
内容标签(body)
-
文本
-
h1-6 -
p -
br -
img(src alt width height) -
a(href target) -
路径知识点(src href)
-
绝对路径(协议:主机:端口:路径:文件:参数:哈希) -
相对路径
当前路径 [./] [] 上级路径 [../] 网站路径 [/]
-
书签(hash)
定义书签(id a:name) 使用书签(#name)
-
列表
-
ul > li -
ol > li -
dl > dt + dd
-
表格
-
table > tr > td|th -
合并 : rowspan | colspan -
table >caption + ((thead + tbody + tfoot) > tr > td)
-
表单
-
form(action method enctype)
action: 后端处理程序 method: get | post enctype: application/x-www-form-urlencoded | multipart/form-data
-
input(name type) -
textarea(必须双标签) -
select > optgroup >option -
label -
fieldset > legend
-
布局 -
格式 -
多媒体
-
object -
embed
标签总结
-
通用属性
-
id -
title -
style -
class
-
闭合标签
-
br -
hr -
img -
input -
meta -
link
-
非闭合标签
-
textarea -
object -
iframe
-
单键属性(裸奔)
-
readonly -
disbaled -
checked -> radio -
selected -> select -
multiple -> select
-
特殊字符编码
-
< [<] [<] -
[>] [>] -
' ['] -
" ["] -
& [&] -
[ ]
-
标签嵌套
-
p 不能放块元素 -
a 不能放 a 和 表单控件
HTML高级
-
语义化标签
-
header 头部 -
footer 底部 -
nav 导航 -
section 章节 -
article 文章 -
aside 边栏
-
图形标签
-
svg 矢量图 -
canvas 画布
-
多媒体标签
-
video 视频 -
audio 音频
专注前端开发，分享前端相关技术～
发表评论