前端笔记（一）相关概念

1.什么是web前端？
  （1）什么是web？
    web指的是在网络环境下使用浏览器去访问的一种应用程序，俗称网页
  （2）什么是web前端？
      web代码存放在服务器
      代码分为两种：
           一种运行在浏览器端：前端代码
           一种运行在服务器端：后端代码
   （3）完整优秀的网站包括两部分：前端+后台

2.什么是HTML？

   （1）Hyper text markup language 超文本标记语言

   （2）HTML特点

        ①以.html或者.htm为后缀；

        ②由浏览器解析执行；

        ③可以嵌套脚本语言（javascript,vbscript）；

        ④用带有尖括号的"标记"来标识。

   （3）语法

        1） 在HTML中，用于描述功能的符号，称为标记，标记在使用时必须用尖括号括起来

         标记分为： 

         ①封闭类型： <标记>内容</标记>，也称为双标记

                               ex:<a>网页</a>

             必须有开始有结束标记，否则会出现意想不到的结果

          ②非封闭类型： <标记>或<标记/>，也称为单标记

                                 ex:<img>或<img/>

          2）元素

        元素，即标记（标签）

        元素嵌套：元素之间可以相互嵌套，来形成更为复杂的页面结构。在一个元素中，又出现另外一个元素

         ex: 

        <p> 

                <a>

                        <img> 

                </a>

        </p>

         以上是正确的嵌套

        注意：1.注意嵌套顺序（完整嵌套）

                   2.注意嵌套代码的缩进关系

        ex:<p><a><img></a></p>也是正确的，但不推荐

      3）属性和值

          1.什么是属性？------属性是用来修饰元素的

          2.语法------属性的声明必须位于开始标记里

            <标记 属性="值" 属性="值" ...></标记>

             ex：设置p标记的align属性，值为center,设置id属性，值为p1

             <p algin="center" id="p1"></p>

           3.标准属性

              id:元素在页面中的唯一标识

              title:鼠标移入到元素上时，所提示的文字

              class:CSS中，引入类选择器

              style:CSS中，定义元素内联样式

       4）注释

       在页面中编写完成后，浏览器不会解析执行的内容。可以将代码的解释说明写在网页中便于被其它程序员查看

       语法：<!--注释内容-->

       注意：1.本身不能嵌套； 2.不能写在标记中

3.HTML和XML、XHTML、HTML5的区别

 w3c负责定制和推广HTML，HTML产生于1990年，1999年12月24日w3c推出的HTML4.01版本，2000年1月26日w3c推出的XHTML1.0版本，2014.9月HTML5。

（1）HTML

--超文本标记语言

--标签、属性、嵌套关系都是固定的（w3c）

--用来显示数据

--某些版本是严格遵守XML规范的，可以将HTML理解为语法固定的XML

（2）XML

--可扩展（自定义）标记语言

--标签、属性、嵌套关系都可以扩展

--用来存储或传输数据

（3）XHTML 是更严谨更纯净的 HTML 版本。例如，单标记<br>：如果在XHTML中<br>错误，必须<br/>。

（4）HTML 5 是下一代的 HTML，目前仍处于完善之中。目标是实现更为简洁的HTML代码，能少写就少写，能不写就不写。

ex：<p align="center"></p>

       <p align=center></p>

        <input readonly="readonly">

        <input readonly>

5.前端需要掌握的技术
（1）静态页面(按照产品设计图来编写网页.html,网页的特点它是运行在浏览器里)
      技术：html,css
（2）添加功能：动态特效，页面交互
      技术：javascript,jQuery,DOM等
（3）和服务器交互
      技术：server,php,ajax等
（4）复杂开发：html5高级，框架（bootstrap,node.js,angular.js）,移动端开发，微信开发等