前端与html |青训营

前端技术栈：html内容、css样式、js行为、网络协议 图形界面下的人机交互问题要做到美观，功能好，无障碍，安全，性能好，兼容性好，用户体验好。 浏览器拿到HTML解析成DOM树，里面的每个节点称之为DOM节点 HTML语法： 标签和属性不区分大小写，推荐小写。 空标签可以不闭合，比如input、meta 属性值推荐用双引号包裹 某些属性值可以省略，比如required、readonly

<!--<title></title>         页角标
<h1></h1>              标题标签，一级标签到六级标签逐渐减小，每个标签占一行，效果：更改字体大小并加粗
列表：
<ol> <li></li></ol>           有序列表
<ul> <li></li></ul>           无序列表
<dl><dt></dt><dd></dd></dl>   key,value类型列表
<a href = "">  链接
<a href = "" target = “_blank”>  新窗口打开链接
<img src="" alt="" title="">        展示图片
src(source 资源）内放入图片资源地址 ；alt内为图片出错展示的文字；
<audio src = "" controls></audio>   浏览器默认播放音频
<video src = "" controls></video>   浏览器默认播放视频
<input placeholder="请输入用户名">
    <input type="range">输入范围
    <input type="number" min="1" max="10">输入限制大值最小值
    <input type="date" min="2018-02-14">输入日期 
    多选type="checkbox"多选type="radio"单选
    <textarea></textarea>输入多行文本
    <select><option></option></select>下拉选择
    <blockquote cite="地址"><p></p></blockquote>快捷引用
    <cite></cite>短引用
    <q></q>短引用
    <code></code>引用代码
    <pre><code></code></pre>引用多行代码
-->```
 HTML语义化  ：代码可读性、可维护性、搜索引擎优化、提升无障碍性
    HTML传达内容不是样式
 做到语义化：了解每个标签的属性和含义，思考什么标签最合适描述这个内容，不使用可视化工具