前端与HTML
今天这篇笔记是听了赵文博老师的《前端与HTML》所写的，在这门课程开始时，先指出前端工程师是使用web技术栈解决多端图形用户界面交互问题的工程师。
前端技术栈主要分为三部分，一，HTML（内容）二，CSS（样式）三，Javascript(行为) 这些内容主要是运行在浏览器里面的，而浏览器可以通过网络协议(http协议)与服务器端进行交互。
前端应该关注的方面：功能（也就是业务，用户所需求的），美观，无障碍（所考虑使用人群较大，应该都顾及到，包括患有色盲症的用户），安全（避免漏洞，导致用户信息泄露），性能（用户体验好，速度快，兼容性），体验（用户体验）。
前端的范畴：node.js开发后台，electron开发客户端，web3d....发展速度快，更新速度快，需要不断学习。入门门槛较低
HTML是什么?
HyperText MarKup Language 超文本标记语言 超文本包括图片，标题，链接，表格等。 如果标签内不需要插入内容可以使用这种写法
<image src=''/>
<!doctype html>中的doctype的作用是标记了当前我们在使用的html文件的版本，浏览器以此来决定渲染模式，如果不写，可能导致页面展示效果不符。
<head></head>标签里面一般写不需要呈现给用户的信息，如页面标题，编码格式等
浏览器拿到HTML代码时会将代码解析成一个DOM树这种树型结构
有序列表:<ol><li></li></ol>
无序列表:<ul><li></li></ul>
定义列表<dl><dt><dd><>/dd</dt></dl> key,value形式
<input type="range"/> 一个可以滑动的进度条
<input type="data" min="2018-02-10"/> 可以选择日期的日历
<input list="countries"/>
<datalist id="countrie">
<option>1</option>
<option>2</option>
<option>3</option>
</datalist>
输入时有下拉框可以从option里面选择
<blockquote cite='http://t.cn/RfjK00F'></>,快捷引用，长引用,一般是一段话cite的内容表示来源
<cite></cite>,短引用，一般是书的名称或者章节
<q></q>,一般指已经讲过的，引用标签
<code></code>,一般写代码
<pre><code></code></pre>,多行引用代码方式
<header></header>,头部标签
<nav><nav/>,导航栏标签
<main><main/>,主要内容
<aside><aside/>,与主要内容相关
<article><article/>,文章
<footer><footer/>,底部标签
写代码时应该遵循代码语义化。
语义化的好处：代码可读性；可维护性；搜索引擎优化；提升无障碍性
如何做到语义化：了解每个标签的属性和含义；思考什么标签最适合这个内容；不使用可视化工具生成代码
HTML代码的使用者：开发者：修改维护页面；浏览器：展示页面；搜索引擎：提取关键词；排序 屏幕阅读器：给盲人读取页面内容
HTML 传达的内容不是样式
