前端与HTML|青训营笔记
1.标签和属性不区分大小写,推荐小写 2.空标签可以不闭合,比如 input、meta 3.属性值推荐用双引号包裹 4.某些属性值可以省略,比如 required、readonly
doctype是标记当前html文件的版本
标题h1~h6 h1表示一级标题,以此列推。 ol表示有序列表其中用li来表示里面的列表,会默认在前面标数字 ul表示无序列表其中也用li表示里面列表 dl表示定义列表,dt表示描述列表里的标题,dd是放具体描述的
链接用a表示 href用来表示超链接地址
img用来插入图片,src表示图片的地址,alt用来降级来传达图片,width表示宽度 audio用来插入音频,其中controls是用来显示在该游览器的默认播放插件的 video用来插入视频,其中controls同上
input输入 placeholder表示占位符,表示用户没有输入时显示的东西 type="range"用来选择范围 type="number"用来输入数字,可以指定范围 type="date"用来输入日期 textarea用来输入多行文字
选择 label表示标签,其中选择的互斥关系由name达到 select用来下拉选择,选项写在option里面
文本内标签代表 blockquote快捷引用又称长引用,直接引用别人的话,其中cite属性表示它的来源 cite标签,表示短引用,用来表示别人的名字等,q也是短引用,cite一般表示作品的名字或标题,q一般表示具体内容 code标签表示代码,可长可短 em,strong,都表示强调标签,区别在于strong一般突出的是这个东西非常重要非常严重非常紧急,em一般是在语气上的着重
内容划分 header页头,nav用来放导航之类的 main用来放主体,aside表示与内容相关的但是并不是直接属于这个页面的内容,正文放在article里 footer放页尾,一般放参考链接之类的
语义化 HTML中的元素、属性及属性值都拥有某些含义 开发者应该遵循语义来编写HTML 有序列表用ol;无序列表用ul lang属性表示内容所使用的语言