文档介绍：WEB 前端刘梅花 WEB 前端前端简介前端技术前端工具前端简介前端是什么? HTML/CSS/JavaScript ……与后端相比前端客户端环境不可预知代码开源数据无法隐藏更关注页面性能和用户体验前端简介前端主要职能:把网站界面更好的呈现给用户前端技术前端技术 W3C 标准视觉/交互设计兼容性技术性能及安全前端技术 W3C 标准 WEB 三项组成: 结构、表现、行为前端人员遵守的第一原则:“结构与表现分离”结构标准( HTML/XHTML/XML ) 表现标准( CSS ) 行为标准( JavaScript )前端技术结构标准 HTML :超文本标记语言 XML :可扩展标记语言 XHTML :可扩展超文本标记语言简史: 1989 年, Tim Berners-Lee 发明HTML 1998 年2月, 发布XML 1999 年12月, 版本 2000 年1月, 2014 年10月底, HTML 5 标准规范制定完成 W3C 标准-结构标准前端技术 HTML —— WEB 应用的基石 HTML 应用原则:语义化 W3C 标准-结构标准前端技术 HTML —— WEB 应用的基石 HTML 标签(94个) 文档: <html> 、<head> 、<body> 、<title> 、<meta> 、<base> 、<style> 、<link> 、<script> 、<noscript> 结构: <div> 、<span> 、<iframe> 表格: <table> 、<thead> 、<tbody> 、<tfoot> 、<tr> 、<td> 、<th> 、<col> 、<colgroup> 、<caption> 表单: <from> 、<input> 、<textarea> 、<button> 、<select> 、<optgroup> 、<option> 、<label> 、<fieldset> 、<legend> 列表: <ul> 、<ol> 、<li> 、<dl> 、<dt> 、<dd> 文本: <a> 、<i> 、<b> 、<big> 、<small> 、<em> 、<strong> 、<code> 、<cite> 、<sup> 、<sub> 文章: <h1> - <h6> 、<p> 、<br> 、<pre> 、<abbr> 、<blockquote> 、<q> 、<ins> 、<del> 、<address> 媒体: <img> 、<map> 、<area> 、<object> 、<param> 特殊标签: <!DOCTYPE> 、<!-- —>、<hr> W3C 标准-结构标准