最开始接触客户端,最主要的就是了解相关专业词汇,各自代表什么意思,有什么作用,用在哪里。主要有 HTML5、CSS3、网页、web标准等的相关介绍。接下来本文就对以上做一个简单的介绍,方便初学者能更快的了解与掌握。
HTML5
- HTML 指的是超文本标记语言(Hyper Text Markup Language),用来描述网页的一种语言。
- HTML 不是编程语言,而是一种标记语言(Markup Language)。
- 所谓超文本,有两层含义:
- 它可以放图片、声音、动画、多媒体等内容(超越了文本的限制)
- 它可以从一个文件跳到另一个文件(超级链接文本)
而 HTML5 中的5代表着一个版本,HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,HTML5 是构建Web内容的一种语言描述方式。
HTML5 新增的语义化结构标记
header:用于表现页面或某个区域的头部
nav:用于表示导航栏
aside:用于表示跟周围主题相关的附加信息
article:用于表示文章或其他可独立页面存在的内容
section:用于表示一个整体的一个部分主题
footer:用于表示页面或某个区域的底部HTML5中常用标签
HTML标签是由尖括号包围的关键词,例如
- HTML标签通常是成对出现的,例如
和 ,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。 - 有些特殊的标签必须是单个标签(极少情况),例如
,我们称为单标签。 标签也称为元素,分为块级元素(独占一行)与行内元素(只占自己的宽高)。
常见的块级元素
如: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(行内块元素)
常见的单标签
如:
CSS3
css是层叠样式表(Cascading Style Sheets)的简称,有时我们也会称之为CSS样式表或级联样式表。
- CSS是也是一种标记语言
- CSS主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。
网页
- 网页是图片、链接、文字、声音、视频等元素组成其实就是一个 html 文件(后缀名为 html)。
- 网页生成制作:由前端人员书写HTML文件然后浏览器打开就能看到了网页。
Web标准
- Web标准的构成:主要包括结构(html)、表现(css)、行为(JavaScript)。
- Web标准提出的最佳体验方案:结构、样式、行为相分离。
- W3C(万维网联盟)是一个指定标准的机构,它定义了一个规则叫做 HTML 。