百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>网页制作> 一起来聊聊html与HTML5的区别
分享文章到:

一起来聊聊html与HTML5的区别

发布时间:09/01 来源:未知 浏览: 关键词:
今天有人问我了,你时常用html5还是html?emmm其实本人在平时写网页时,对这两者没有特地区分。要是非要说区另外话,显而易见的区别就是下面我列出来的这些了。

今天有人问我了,你时常用html5还是html?emmm......其实本人在平时写网页时,对这两者没有特地区分。要是非要说区另外话,显而易见的区别就是下面我列出来的这些了。至于往深条理了解了:HTML5已经远远逾越了标志说话的范围,其背后是一组技术集。小白学习太浅,不敢多讲。>.<

1.文档的类型声明不一样

html:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

html5:文档声明相对来说更为简捷,有益于程序员迅速浏览和开发。

2.语义构造方面

html:没有构造语义化的标签(通俗来讲就是不利便浏览,没有告诉你哪里是头,哪里是尾巴)

html5:增加了很多拥有语义化的标签,

使代码构造清晰,提高了代码的可读性。

下面是html5中的一些语义化标签:

< title>:简短、描述性、独一(提拔搜寻引擎排行)

:h1~h6分级标题,用于新建页面信息的层级关系。

:页眉平常包含网站标记、主导航、全站链接以及搜寻框。

也适合对页面内部一组介绍性或导航性内容进行标志。

:标志导航,仅对文档中重要的链接群运用。

:页面主要内容,一个页面只能运用一次。要是是web利用,则包抄其主要功能。

:表示文档、页面、利用或一个独立的容器.

:拥有类似主题的一组内容,比方网站的主页可以分成介绍、消息条款、联络信息等条块。

:指定附注栏,包含引述、侧栏、指向文章的一组链接、广告、友谊链接、相干产品列表等。

:页足,只要当父级是body时,才是整个页面的页足。

:指定细则,输入免责声明、注解、署名、版权。

只适用于短语,不要用来标志“运用条目”、“隐私政策”等长的法律声明。

:表示内容重要性。

:标志内容着重点(批量用于提拔段降文本语义)。

:突出显示文本(yellow),提示读者。

在HTML5中em是表示强调的独一元素,而strong则表示重要程度。

:出于有用目的提示读者的一块文字,不传达任何额外的重要性

:不一样于其他文字的文字= =|||这个翻译真的是······

:新建图(默许有40px摆布margin)。

:figure的标题,必需是figure内嵌的首先个或者最后一个元素。

:指明援用或者参照 ,如图书的标题,歌曲、电影、等的名称,演唱会、音乐会、标准、报纸、或法律文件等。

只用于参照 源自身,而不是从中引述。

:引述文本,默许新的一行显示。

:短的引述(跨阅读器题目,尽量以免运用)。

可以对blockquoto和q元素运用cite属性(不是cite元素!),对搜寻引擎主动化工拥有用。cite=“URL”引述来源地址。

:标志工夫。datetime属性遵循特定格局,要是忽略此属性,文本内容必需是合法的日期或者工夫格局。 不再相干的工夫用s标签。

:解释缩写词。运用title属性可供给全称,只在首先次涌现时运用就ok。

abbr[title]{ border-bottom:1px dotted #000; }

:定义术语元素,与定义必需紧受着,可以在描述列表dl元素中运用。

:作者、相干人士或组织的联络信息(电子邮件地址、指向联络信息页的链接)。

要是供给整个页面的作者联络信息,个别放在页面级footer里。不克不及包括文档或者文档等其他内容。

:移除的内容。

:增加的内容。

少有的既可以包抄块级,又可以包抄短语内容的元素。

:标志代码。包括示例代码或者文件名 (< > )

:预格局化文本。保存文本固有的换行和空格。

3.html5的画图功能

1)canvas

在HTML5之前,web前端开发者没法在HTML页面上动态地绘制图片1)HTM5新增了一个元素,相当于一个画布.但它自身不具备绘图能力,必需运用足原来完成现实的画图任务。使用getContext办法可以返回一个对象,该对象供给了绘画的属性和办法。

? 步骤1:得到DOM对象

? 步骤2:调取Canvas对象的getContext()办法得到CanvasRederingContext2D对象(getContext办法里面传一个参数:”2d”)

? 步骤3:调取CanvasRederingContext2D完成绘图

2)SVG:可伸缩矢量图形,用于定义网络的基于矢量的图形。

谢谢大家的浏览,但愿大家收益多多。

本文转自:https://blog.csdn.net/yezi__6/article/details/82881729

举荐教程:《HTML教程》

以上就是一起来聊聊html与HTML5的区另外细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板