最开始接触客户端,最主要的就是了解相关专业词汇,各自代表什么意思,有什么作用,用在哪里。主要有 HTML5、CSS3、网页、web标准等的相关介绍。接下来本文就对以上做一个简单的介绍,方便初学者能更快的了解与掌握。

HTML5

  1. HTML 指的是超文本标记语言(Hyper Text Markup Language),用来描述网页的一种语言。
  2. HTML 不是编程语言,而是一种标记语言(Markup Language)。
  3. 所谓超文本,有两层含义:
    1. 它可以放图片、声音、动画、多媒体等内容(超越了文本的限制)
    2. 它可以从一个文件跳到另一个文件(超级链接文本)
  4. 而 HTML5 中的5代表着一个版本,HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,HTML5 是构建Web内容的一种语言描述方式。

    HTML5 新增的语义化结构标记

    header:用于表现页面或某个区域的头部
    nav:用于表示导航栏
    aside:用于表示跟周围主题相关的附加信息
    article:用于表示文章或其他可独立页面存在的内容
    section:用于表示一个整体的一个部分主题
    footer:用于表示页面或某个区域的底部

    HTML5中常用标签

  5. HTML标签是由尖括号包围的关键词,例如

  6. HTML标签通常是成对出现的,例如,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。
  7. 有些特殊的标签必须是单个标签(极少情况),例如
    ,我们称为单标签。
  8. 标签也称为元素,分为块级元素(独占一行)与行内元素(只占自己的宽高)。

    常见的块级元素

    如:div、p、h1~h6、form、hr、ol有序列表、ul无序列表、adress、block

    常见的行内元素

    如:span、a、img、b、strong、i、big、small、br、cite、code、em、input、sub下标、sup上标、inline、inline-block(行内块元素)

    常见的单标签

    如:初识客户端 - 图1


    CSS3

  9. css是层叠样式表(Cascading Style Sheets)的简称,有时我们也会称之为CSS样式表或级联样式表。

  10. CSS是也是一种标记语言
  11. CSS主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。

网页

  1. 网页是图片、链接、文字、声音、视频等元素组成其实就是一个 html 文件(后缀名为 html)。
  2. 网页生成制作:由前端人员书写HTML文件然后浏览器打开就能看到了网页。

baidu网页.png

Web标准

  1. Web标准的构成:主要包括结构(html)、表现(css)、行为(JavaScript)。
  2. Web标准提出的最佳体验方案:结构、样式、行为相分离。
  3. W3C(万维网联盟)是一个指定标准的机构,它定义了一个规则叫做 HTML 。