用HTML展示内容，css展示样式，js决定行为。 把js,css,html定义为前端，前端和网络协议和服务器端构成前端技术栈。前端关注方面：解决图像界面下人机交互问题，不仅是技术还有其他多方面，比如功能；页面美观，因为要展示给用户看，要考虑页面的美观度；无障碍（是否为所有人提供功能，色盲）；安全（信息泄露）；性能（用户用着够不够流畅）；兼容（各种各样的设备）；用户需求比较直观。 前端无边界。随着科技和社会发展，前端的功能也要发展，所以前端是没有边界的。 前端的开发环境很简单，需要编辑器和浏览器就可以做到，因此入门门槛低。 今天介绍基础简单的HTML，是一种超语言和标记语言，标签框住内容。在标签上标志属性，用属性表示url,可以用某些标签斜杠省略结束标签，所有标签写在HTML标签里。body标签呈现页面给用户显示的内容。把HTML展示出来就是解析成dom树将HTML代码转化成树。 接下来讲解一些网页常用的标签和属性。首先是标题，有h1到h6六级标签，字体大小不一样，也有默认大小。其次是常用的列表标签，有序列表，默认加数字。无序列表不加数字。也可以dl定义列表，dt表示描述列表标题dd具体的值，对前面属性的具体值的表述。dt和dd是多对多的关系。然后是超链接，很重要，href后存放超链接的地址，可以加入多媒体，图片标签，音频标签和视频标签，alt标签表示替代性文本，图片由于某些原因不被展示出来则替代成文字展示，controls表示默认播放空间按钮。然后是输入input，placeholder标签默认显示的文字会被输入的文字替代。可以输入一个范围，也可以限制数字大小，日期选择框。长文字多文字textarea。checkbox标签用于选择。下拉选择用select标签，选项写在option里。表示文本类标签，引用blockquote长引用标签，通常直接引用别人的，cite短引用，几个字，常用作品名字，q讲过的内容引用，code代码部分的引用，pre几行代码，代码引用的话字体会不一样。strong和em标签表示强调，前者严重紧急，后者语气强调。 内容整体划分：页头，页面主体在main，aside相关但不在主体内容里，文章正文在article里。 写标签原则：语义化。开发者要遵循语义来编写HTML。一定要用对用准确。因为对于开发者而言要规范，对修改维护页面更准确，对用户接收到消息要在页面展示，而对浏览器而言，可能会抓取我们的页面信息。这些都要求我们编写的时候遵循语义化，更规范统一。语义化的好处：对团队来说提升代码可读性、可维护性，搜索引擎优化，提升无障碍性。 总原则：传达内容而非样式！！ 所以总的来说，做到语义化要求我们了解每个标签和属性的含义，要思考什么样的标签最适合描述这个内容，要准确传达内容，也不建议用可视化的工具生成代码，可视化不能控制生成的标签。
