这是我参与「第四届青训营 」笔记创作活动的的第2天
什么是前端
- 解决人机交互问题
- 跨终端
- web技术栈
技术栈包括哪三样
css html js
前端的开发环境
html是什么
html的简单样例
html语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如，input。meta
- 属性值推荐使用双引号包裹
- 某些属性值可以省略。
html中h1到h6的含义 HTML中< h1 >到< h6 >标签是可定义标题。. < h1 > 定义最大的标题。< h6 > 定义最小的标题。
语义化是什么
语义化 是前端开发里面的一个专用术语，其优点在于标签语义化有助于构架良好的 html 结构，有利于 搜索引擎 的建立索引、抓取；另外，亦有利于页面在不同的设备上显示尽可能相同
语义化的好处
不但搜索引擎上可以有好处，在机器翻译和盲人软件上也有很多好处，可以让相应开发者少很多工作。 语义类标签对开发者更为友好，使用语义类标签增强了可读性
如何做到语义化
- 尽可能少的使用无语义的标签 div 和 span；
- 在语义不明显时，比如：既可以使用 div 也可以使用 p，那么尽量使用相对比较有语义化的标签 p，因为 p 在默认情况下有上下间距，对兼容特殊终端有利；
- 不要使用纯样式标签，如：b、font、u 等，改用 CSS 设置；
- 需要强调的文本，可以包含在 strong 或 em 标签中，strong 默认样式是加粗（不要用 b），em 是斜体（不要用 i）；
- 使用表格时，标题要用 caption，表头用 thead，主体部分用 tbody 包围，尾部用 tfoot 包围，表头和一般单元格要区分开，表头用 th，单元格用 td；
- 表单域要用 fieldset 标签包起来，并用 legend 标签说明表单的用途；
- 每个 input 标签对应的说明文本都需要用 label 标签，并且通过 input 设置 id 属性，在 label 标签中设置 for= input的id 来让说明文本和相对应的 input 关联起来；
