前端与HTML学习笔记
一．前端：
包括解决GUI人机交互问题，跨终端，Web技术栈
前端技术栈包括：javaScript（行为），CSS（样式）,HTML（内容）
前端关注方面：功能，美观，无障碍，安全，性能，兼容，体验。
二．HTML
HTML即HyperText（图片，标题，链接，表格）Markup Language（标签）
标签如：
一般一个网页初始化代码：
其中doctype 表示标记当前在使用的html文件是何版本，由此决定浏览器渲染模式
其他标签都在之间
head之间放页面元素句页面需要但不用直接呈现给用户的（如页面标题，编码）
body之间放需要真正呈现的内容（如一段文字，标题，图片）
1. HTML语法
标签和属性不区分大小写，推荐小写
空标签可以不闭合，比如input,meta
属性值推荐用双引号包裹
某些属性值可以忽略如 required，若输入框内必填可填require
一些空的标签且里面本身不放内容的，可以不写结束标签，也可在开头标签后加斜杠/
2. 标题和h1~h6
不同等级，字号区别
3. 链接
其中target=”_balnk”表示新窗口打开
多媒体元素链接中
alt表示当不加载图片是会降级传达信息，如显示文字。
width表示图片宽度
controls表示默认显示浏览器播放文件
4. 输入
其中placeholder表示占位符，用于当输入框未输入时的默认显示
type=”range”显示滑动块
type=”number”可以输入数字，用min,max设置输入的最大最小值
type=”date”可以弹出日期选择框
textarea可以输入多行文字
type=”checkbox”可以多选，换为type=”radio”表示单选
select可以下拉选择，需要给出选项提示时可以用
datalist中为提示的值
文本类标签：
其中blockquote表示快捷引用，并且是长引用，一般是引用别人一段话。Cite=”链接”是文字来源。
单独cite是短引用，一般用于引用书名，章节等
q是引用之前提过的内容，也是短引用
code用于引用代码，外加pre后可以引用长代码（会用编程字体展示）
strong强调，侧重情况上的，场景
em强调，侧重语境中，语气
5. 内容划分
header一般放导航，logo等
main下是页面主体
aside放跟内容相关但不直属于页面内容的
article可放文章内容
footer可放参考链接，版权信息等
开发者在编写HTML时应遵循语义化，这将增强代码可读性，可维护性，提升无障碍性以及搜索引擎优化。 通过这一节的学习，可以学习到HTML的基础知识，并且了解到HTML的学习平台。可以完全通过代码而不使用可视化工具编写简单的网页页面。
