HTML基础介绍
前言:
H5是目前行业里非常热门的一种语言,学习难度较低,可以快速入门。我个人也在学习H5,采用写博客的方式来梳理我学到的知识点,也分享给更多想学习的人一起来学习。
Tip:个人学习过程中梳理的知识点,如果有错误,欢迎评论指出
HTML介绍
1、什么是HTML
字面上的意思,HTML(Hyper Text Markup Language)超文本标记语言。是一种语言,但这里要注意的是,HTML不是编程语言。编程语言通常会有类、变量之类的,HTML没有,HTML只是一种标记语言。
1.1 超文本
超文本,本质上还是一种文本,不过比一般的文本功能强大的多。
普通文本只能包含文字,而超文本里可以包含音频、视频、游戏、链接、甚至程序等等。比普通文本强大的多,所以称之为超文本。
1.2 标记语言
HTML中最重要的就是就是各种标记,标记指的是HTML中的语法。在HTML中所有的语法都是通过标记来实现的。标记因翻译不同,也称为标签、节点、元素等。
HTML的核心是语义:我们之后在使用标签的时候,不需要考虑标签到底在网页中显示成什么效果,只需要注意标签本身的含义是什么。
那么怎么来表示标记呢。标记在HTML中用<any>表示。两个尖括号包住一个英文字符。
例如:
<br>
上面的就是一个标签,这个标签标示在网页中的功能是换行,相当于键盘上的enter回车键。这样单个出现的标签叫做单标签,之后还会介绍成对出现的标签叫做双标签。
需要注意的是,在HTML5之前。单标签在使用时,需要在标签的最后加上"/"
例如上面的<br>标签,在老版本的HTML中就需要写成<br/>
所以有时我们在看到标签后有“/”时,那就是老版本的HTML
2、HTML5主体结构
2.1 如何创建HTML
html的创建非常简单,只需两步
第一步、空白处右击新建txt文本文档
第二部、将文本文档的后缀名.txt修改成.html
之前老版本的时候,后缀名存在.htm 这是三个字符的后缀,是收到当年操作系统限制的原因。现在开发html5网页文件必须使用.html后缀
2.2主体结构
当我们创建好html文件后,使用合适的编辑器打开(可以使用,sublime ,HBuilder ,WebStorm,DreamWeaver等编辑器)
这里不推荐使用记事本进行编辑,记事本中有隐藏字符,直接使用记事本编辑复制出去执行有可能会出错
下面我们来写下html网页文件的主题结构
<!DOCTYPE html>
<html>
<head>
<meat charset="UTF-8">
<title>网页标题<title>
</head>
<body>
网页主体内容
</body>
</html>
上面的html主体结构是每个html网页中都必须有的结构
2.3主体结构介绍
<!DOCTYPE html>
表示文档声明,告诉浏览器,当前页面使用的是HTML5的文档格式。如果不写此声明,浏览器会将网页降级处理,可能会使用老版本html4或更低的文档格式。
<html>
</html>
声明html标签的主体,所有的html网页内容都写在<html></html>标签中
<head>
</head>
head标签中写的是网页的一些设置信息,包含字符集,标题,css样式等。
<body>
</body>
body标签中写的是网页的主体内容,我们浏览网页时所看到的所有内容都是写在body标签中
<meat charset="UTF-8">
meat标签的作用有很多,通常只需要写这一句,表示将网页文档的字符集设置为UTF-8,让网页能够支持常见中文
<title><title>
title标签里写的是网页的标题,我们打开网页时,最上方浏览器标签栏里显示的内容就是title标签里的
如图所示:
3、一个合格的网页需要包含哪些内容
HTML:构建网页的结构
CSS:网页的美化
JavaScript:网页的交互
举个例子:这样开发网页的过程就相当于是
毛坯房 –> 装修 –> 智能家居
HTML发展史
H5草案 前身名为Web Application 1.0 ,于2004年被WHATWG提出,于2007年被W3C接受,并成立了新的HTML工作团队
HTML5 狭义上为:html4的下一代产品
HTML5广义上为:新一代的富客户端解决方案
HTML 1.0超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准)
HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日,W3C推荐标准 HTML 4.0——1997年12月18日,W3C推荐标准
HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准 XHTML1.0——发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布 XHTML 1.1,于2001年5月31日发布,W3C推荐标准 XHTML 2.0,W3C工作草案 XHTML 5,从XHTML 1.x的更新版,基于HTML 5草案 HTML 5——2014年10月28日,W3C推荐标准 前身:Web Applications 1.0 于2004年被WHATWG提出 于2007年被W3C接纳 在2008年1月22日,第一份正式草案发布
HTML5发展史
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5 支持。
2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
2013年5月6日, HTML 5.1正式草案公布。该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素互操作性。
本次草案的发布,从2012年12月27日至今,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的API、Canvas等,同时HTML5的图像img标签及svg`也进行了改进,性能得到进一步提升。
目前在开发的领域,大家说的H5开发其实指的是HTML5 + CSS3 + JavaScript等技术。 在目前的软件开发生态链中,H5的技术充斥着很多的领域。无论是网站开发、移动端开发、软件开发、游戏等等。
最新文章
- 在HttpClient请求的时候,返回结果解析时出现java.io.IOException: Attempted read from closed stream. 异常,解决
- 使用jmx监控tomcat
- codeforces 616E Sum of Remainders (数论,找规律)
- MyBatis学习笔记(三) 关联关系
- NimBus一个好的开发框架
- [ActionScript 3.0] AS3.0 对象在一定范围随机显示不重叠
- [Interview][CodingExam]
- 表达式:使用API创建表达式树(2)
- 在js中如何得到上传文件的大小。
- TCP 连接重置漏洞 - CVE-2004-0230讲解
- 关于时间对象Date()
- 跟我一起读postgresql源码(十)——Executor(查询执行模块之——Scan节点(下))
- github设置添加SSH
- Adapterview和adapter的联系
- 魔术方法之__call与__callStatic方法
- ELK使用3-Logstash
- (转)Web.config配置文件详解
- 一分钟了解contextlib模块
- Java计算计算活了多少天
- Java解决LeetCode72题 Edit Distance
热门文章
- OnCommandStateChange 不响应
- Excel催化剂开源第2波-自动检测Excel的位数选择对应位数的xll文件安装
- android实现倒计时,最简单实现RecyclerView倒计时+SwipeRefreshLayout下拉刷新
- codewars[7]-python Friend or Foe?
- Windows环境下main()函数传入参数
- PowerBI Desktop中如何能实现点击按钮跳转到相应报表页
- php--学习封装类 (一)(操作mysql数据库的数据访问)
- On The Way—Step 1 :python入门之Python的历程
- yum源使用报错
- vmware15pro安装ubuntu18.10时出现显示不全问题