您的位置:首页 > Web前端 > HTML5

HTML5初步了解

2017-07-24 17:17 253 查看

HTML发展史

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

HTML 2.0——1995年11月,RFC 1866发布

HTML 3.2——1997年1月14日,W3C发布推荐标准

HTML 4.0——1997年12月18日,W3C发布推荐标准

HTML 4.01——1999年12月24日,W3C发布推荐标准

HTML 5——2014年10月28日,W3C发布推荐标准

什么是HTML5

HTML(Hyper Text Mark-up Language )即是超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出。通过使用标记标签来描述页面文档结构和表现形式的一种语言,再由浏览器进行解析,然后把结果展示在网页上。HTML标签是网页构成的基础,我们所见到的几乎所有网页都离不开HTML,所以学习HTML可以算是基础中的基础了。

(1)HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。

(2)和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。

(3)一个HTML文件的后缀名是.htm或者是.ht
4000
ml。

(4)HTML是大小写不敏感的,HTML与html是一样的

HTML结构

HTML的结构一般包括标签和标签

这2个标记符分别表示网页的头部和正文

网页头部中包含页面的标题、关键词、描述说明等内容

它本身不作为内容来显示,但影响网页显示的效果

当中是网页实际显示的内容,正文标记符又被称为实体标记

页面当中通常包含有很多指向其他相关页面或其他节点的指针,通过点击,可以很方便地获取新的网页,这是HTML获得广泛推广运用最重要的原因之一,而由这些相互之间存在关联的页面组成的有机集合便是网站。

HTML5编辑规范

1、文件拓展名默认使用htm,便于操作系统或者程序辨认文件,而图片则基本上存为gif或jpg

2、浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车

3、标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束。

4、必须使用半角而不是全角字符

5、HTML注释的内容不给予显示。

学好HTML可以做什么?

1、很轻松的修改你的网站、博客的网页结构。

2、对SEO网站优化很有用处。

3、拿来主义,通过保存其他网站页面源代码,适当的修改,可以仿制出你想要的模板。

4、当你有一张漂亮的PSD源文件图片时,你可以很轻易的把图片切割制作成网页。

5、无论是PHP、ASP、.NET、JSP等网站编程语言,都要用到HTML。

6、可以轻松检测出网站是否中了网页木马。和预防网页木马。

7、可以向更高一层次进阶:DIV+CSS网页设计。

关于学习HTML的个人建议

1:一定要多动手,多多修改别人的网页代码。(在效果页上单击右键选择“查看源文件”即可查看实现该效果的代码,查阅相关资料学习该HTML代码的用法。)

如:

HTML 全局属性

2:记住一些常用的HTML语法。很多编辑和美工学习HTML的时候都只记了一些HTML网页设计时的常用语法,

例如:

(1)贴图:


(2)加入连接:写上你想写的字

(3)HTML标签name 属性

3:熟练地运用键盘快捷键同样是提高学习和工作效率的途径之一。

学习HTML常用的工具推荐与下载

①、记事本

(初学者强烈推荐,帮你打下扎实基础就看他了)

②、Dreamweaver(常用,有设计视图)

Adobe CS6 官方下载地址:https://helpx.adobe.com/cn/x-productkb/policy-pricing/cs6-CN-product-downloads.html

③、EditPlus(好用,有颜色区分)

Editplus 官方下载地址:https://www.editplus.com/download.html

④、FrontPage

⑤、Notepad++

下载地址:http://notepad-plus-plus.org/download/

⑥、Sublime

Sublime编辑器官方下载:http://www.sublimetext.com/

⑦、HBuilder

飞速编码的极客工具,手指爽,眼睛爽下载

HBuilder官方下载地址:http://www.dcloud.io/

还有别的像java语言的编写环境也可以写html代码的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html