猿创征文|我的前端——【HTML5】基础成长学习之路

这篇具有很好参考价值的文章主要介绍了猿创征文|我的前端——【HTML5】基础成长学习之路。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前端征文,WEB前端,学习,前端,html,html5

文章目录

前言

一、网页的基本组成

1.什么是网页

2.什么是HTML

3.网页的形成

 二、常用的浏览器

1.常用的浏览器

2.浏览器内核

三、Web标准

1.为什么需要web标准

2.Web标准的构成


前言

在一次机缘巧合之下了解并接触到CSDN,从此开启了我IT学习之路,我的目前是希望成为全栈型技术开发人员,也许这个目前实现起来对于一个零基础,没有系统学习的人难之又难,但是只要我不放弃,努力是奇迹的别名。也许我就是那种什么都想学,但是也怕最后什么都学不好学不精,我自己本身在大学的专业跟前端、Java,C语言这块是不太对称的,可谓是天差地别,也许我天生对黑客莫名的有些喜欢,以至于在未来很长一段时间找工作换工作学习找不到方向,当时我对于自己的爱好喜欢比较模糊,浪费了在大学学习的时间,出社会才发现对工作的喜欢热爱是那么的重要。在不断地换工作尝试中,终于找到最初的起点初心,当初在大学里有幸因为自己喜爱所以选修了一门Java的选修课,但是时间有限不是本专业老师也是局限在实战实现代码的基础上完成一趟课程,我并不知道原理如何,为什么这么写,种种情况下,还是选择从Python,前端慢慢开始学起来。活到老,学到老。不甘心于此。

一、网页的基本组成

1.什么是网页

网站是在英特网上根据一定的规则,使用html等制作的用于展示特定内容相关的网页集合。

网页是网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读。

网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其称为HTML文件。

前端征文,WEB前端,学习,前端,html,html5

2.什么是HTML

HTML超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。html不是一种编程语言,而是一种标记语言(Markup language)。标记语言是一套标记标签(Markup tag)。 

前端征文,WEB前端,学习,前端,html,html5

 超文本的两层含义:

(1)它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。

(2)它还可以从一个文件跳转到另外一个文件,与世界各地主机的文件链接(超级链接文本)。

3.网页的形成

网页是由页面元素组成的,这些元素是利用html标签描述出来的,然后通过浏览器解析来显示给用户的。

前端征文,WEB前端,学习,前端,html,html5

 二、常用的浏览器

网页是通过浏览器来展示的,关于浏览器有以下两点需要注意:

1.常用的浏览器

浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。平时称为五大浏览器。

2.浏览器内核

浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

浏览器    内核 备注
IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
Firefox gecko 火狐浏览器内核
Safari webkit 苹果浏览器
Chrome/Opera blink Chrome/Opera浏览器内核。blink其实是webkit的分支

三、Web标准

Web标准是由W3c组织和其他标准化组织制定的一系列标准的集合。W3c(万维网联盟)是国际最著名的标准化组织。

1.为什么需要web标准

因为浏览器不同,它们显示页面或者排版就有些许差异化。比如:网页字体大小、颜色等等。由于不同的浏览器解析出来的效果可能不一致,会导致开发者需要话大量的时间去为多个版本的开发而耗费时间。

当遵循Web标准除了可以让不同的开发人员写出的页面更标准、更统一外。还有以下优点:

  • 让Web的发展前景更广阔
  • 内容能被更广泛的设备访问使用
  • 更容易被搜寻引擎搜索
  • 降低网站流量费用
  • 使网站更易于维护
  • 提高网页浏览速度

2.Web标准的构成

主要包括结构(structure)表现(presentation)行为(behavior)三方面。

标准 说明
结构  结构用于对网页元素进行整理和分类,现阶段主要学的是HTML。
表现 表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS
行为 行为是指网页模型的定义及交互的编写,现阶段主要学的是JavaScript

Web标准提出的是最佳体验方案:结构、样式、行为相分离。简单来说,将结构写入HTML文件当中,表现写到CSS文件中,行为写到JavaScript文件中。注意:在三者当中相比较而言,结构是最重要的。文章来源地址https://www.toymoban.com/news/detail-830500.html

到了这里,关于猿创征文|我的前端——【HTML5】基础成长学习之路的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 猿创征文|Python-sklearn机器学习之旅:我的第一个机器学习实战项目

    目录 前言 一、从目的出发 1.导入数据 二、项目开启 1.导入数据

    2024年01月24日
    浏览(56)
  • 猿创征文 | Solidity 智能合约技术成长之路

    Solidity 是链上智能合约的开发语言,链上智能合约相当于传统行业的后端,链上应用基本都是由合约 + 前端组成的,虽然不推荐,但部分链上应用也会加入后端进行数据存储,以降低用户的使用成本。 Solidity 这门开发语言并不复杂,只需要您稍微有一点儿编程基础,英文词汇

    2024年01月23日
    浏览(47)
  • 猿创征文|一名大三学生的前端学习之路(真情流露)

    ✅ 作者简介:一名大三的大学生,致力于提高前端开发能力 ✨ 个人主页:前端小白在前进的主页 🔥 系列专栏 : node.js学习专栏 ⭐️ 个人社区 : 个人交流社区 🍀 学习格言: ☀️ 打不倒你的会使你更强!☀️ 🔥前言 ⭐️写下这篇文章其实也是借助官方活动的一次机会,

    2023年04月10日
    浏览(42)
  • 猿创征文|我Java开发那些年陪我成长的工具清单

    📓推荐网站(不断完善中):个人博客 📌个人主页:个人主页 👉相关专栏:CSDN专栏 🏝立志赚钱,干活想躺,瞎分享的摸鱼工程师一枚 本摸鱼程序员也是历经软件专业的四年历程,想在校时期到如经也有几载光阴,不得不说从刚参与到工作中的一脸茫然到现在学会寻找让自

    2024年02月03日
    浏览(62)
  • 猿创征文|超实用的前端开发工具分享

    🍳作者: 贤蛋大眼萌,一名很普通但不想普通的程序媛 color{#FF0000}{贤蛋 大眼萌 ,一名很普通但不想普通的程序媛} 贤蛋大眼萌,一名很普通但不想普通的程序媛 🤳 🙊语录: 多一些不为什么的坚持 color{#0000FF}{多一些不为什么的坚持} 多一些不为什么的坚持

    2024年01月23日
    浏览(54)
  • 猿创征文|【深度学习前沿应用】文本生成

    作者简介 :在校大学生一枚,C/C++领域新星创作者,华为云享专家,阿里云专家博主,腾云先锋(TDP)成员,云曦智划项目总负责人,全国高等学校计算机教学与产业实践资源建设专家委员会(TIPCC)志愿者,以及编程爱好者,期待和大家一起学习,一起进步~ . 博客主页 :

    2024年02月06日
    浏览(41)
  • 猿创征文|【云原生】学习云原生经验分享

    博主昵称:跳楼梯企鹅 博主主页面链接: 博主主页传送门 博主专栏页面连接: 专栏传送门--网路安全技术 创作初心:本博客的初心为与技术朋友们相互交流,每个人的技术都存在短板,博主也是一样,虚心求教,希望各位技术友给予指导。 博主座右铭:发现光,追随光,

    2024年02月02日
    浏览(63)
  • 02-前端基础第二天-HTML5

    能够书写表格 能够写出无序列表 能够写出3~4个常用input表单类型 能够写出下拉列表表单 能够使用表单元素实现注册页面 能够独立查阅W3C文档 表格标签 列表标签 表单标签 综合案例 查阅文档 表格是实际开发中非常常用的标签: 表格的主要作用 表格的基本语法 1.1表格的主要

    2024年02月12日
    浏览(38)
  • 前端学习——HTML5

    新增布局标签 新增状态标签 新增列表标签 新增文本标签 新增表单控件属性 input新增type属性值 新增视频标签 新增音频标签

    2024年02月12日
    浏览(57)
  • html5前端学习

    定义HTML文档,浏览器看到后就明白这个是HTML文档,所以其他元素要包裹在它里面,标签限定了文档的开始点和结束点。 head标签用于定义文档的头部,描述了文档的各种属性和信息,包括文档的标题、在Web的位置以及和其他文档的关系等,绝大多数文档头部包含的数据都不会

    2024年02月08日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包