前端三要素解读

举报
HZDX 发表于 2022/02/14 11:43:13 2022/02/14
【摘要】 前端三要素是接触前端的必须要掌握的基础,无论前端技术如何更新,都逃不出这三要素。他们分别是Html、CSS、JavaScript。本期我们来一起看下这三要素。

前端三要素是接触前端的必须要掌握的基础,无论前端技术如何更新,都逃不出这三要素。他们分别是HtmlCSSJavaScript。本期我们来一起看下这三要素。


   HTML   

 什么是HTML 

HTML是现在世界通用的超文本标记语言,通过它,可以实现图片、链接、音乐以及程序等等多种元素。现如今,HTML已经是程序员必须掌握的一项基本功。

 HTML发展史 

HTML没有1.0,因为关于它的初版存在争议,1995HTML 2.0面世,1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准,后面W3C(万维网联盟)也渐渐变成Web技术领域的权威,经过漫长的演变,2014年,HTML 5标准最终面世。

  • HTML 2.0——199511月,RFC 1866发布
  • HTML 3.2——1997114日,W3C发布推荐标准
  • HTML 4.0——19971218日,W3C发布推荐标准
  • HTML 4.01——19991224日,W3C发布推荐标准
  • HTML 5——20141028日,W3C发布推荐标准

 HTML结构 

HTML的结构一般包括<head>标签和<body>标签,<head><body>2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容,它本身不作为内容来显示,但影响网页显示的效果。<body></body>当中是网页实际显示的内容,正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针,通过点击,可以很方便地获取新的网页,这是HTML获得广泛推广运用最重要的原因之一,而由这些相互之间存在关联的页面组成的有机集合便是网站。

究竟HTML为什么会被普及?这就要归功于互联网的高速发展,对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性,HTML越来越受到人们的喜爱。

 HTML5编辑规范 

  • 文件拓展名默认使用htm或者html,便于操作系统或者程序辨认文件,而图片则基本上存为gifjpg
  • 浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车
  • 标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束
  • 必须使用半角而不是全角字符
  • HTML注释<!--注释内容-->的内容不给予显示

   CSS   

什么是CSS

  • CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。
  • CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。
  • CSS 是用来表现HTMLXML的标记语言。
  • CSS 是由W3CCSS工作组发布推荐和维护的.
  • CSS 是编程入门人员的必修课,运用CSS样式可以让页面变得美观。
  • CSS语法由三部分构成:选择器、属性和值: selector {property: value}

 使用CSS的优势 

  • 内容与表现分离,有了CSS,网页的内容(XHTML)与表现就可以分开了。
  • 使用CSS可以减少网页的代码量,增加网页的浏览速度。

 如何使用CSS 

有三种方法可以在站点网页上使用样式表:

  • 外联式Linking(也叫外部样式):将网页链接到外部样式表。
  • 嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
  • 内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。

其中,优先级:内联式 > 嵌入式 > 外联式


    JavaScript   

 什么是JavaScript 

JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言,它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员,但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。

javascript因为兼容于ECMA标准,因此也称为ECMAScriptJavaScript作为一种脚本语言,已经被广泛地应用于Web页面当中,通过嵌入HTML来实现各种酷炫的动态效果,为用户提供赏心悦目的浏览效果。除此之外,也可以用于控制cookies以及基于Node.js技术进行服务器端编程。

javascript是甲骨文公司的注册商标,完整的JavaScript实现包含三个部分:ECMAScript,文档对象模型和浏览器对象模型。发展初期,JavaScript的标准并未确定,同期有NetscapeJavaScript,微软的JScriptCEnviScriptEase三足鼎立。1997年,在ECMA(欧洲计算机制造商协会)的协调下,由NetscapeSun、微软、Borland组成的工作组确定统一标准:ECMA-262


   智能云网   

智能云网社区是华为专为开发者打造的“学习、开发、验证、交流”一站式支持与服务平台,该平台涵盖多领域知识。目前承载了云园区网络,云广域网络,数通网络开放可编程,超融合数据中心网络,数通网络设备开放社区共五个场景。为了响应广大开发者需求,还提供了开发者交流、API 体验中心、多媒体课件、SDK工具包、开发者工具以及远程实验室共六大工具,让开发者轻松开发。欢迎各位前来体验。

112059dpm5jry5hl51swgy.jpg

>>戳我了解更多<<

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。