0

0

H5与传统html的区别

Y2J

Y2J

发布时间:2017-05-23 13:36:22

|

7981人浏览过

|

来源于php中文网

原创

这篇文章主要介绍了html5学习笔记之html5与传统html区别 的相关资料,需要的朋友可以参考下 一. html5语法的改变
该知识点所说变化指的是基于html4基础上所定义的改变,主要有如下:
1.html5的文件扩展符(.html或.htm)与内容类型(text/html)保持不变。
2.html5中,刻意不使用版本声明,一份文档将会适用于所有版本的html。
3.从html5开始,对于文件的字符编码推荐使用utf-8。
4.html5确保了与之前html版本的最大程度的兼容性。
为了保证兼容性,需从元素说起,在html5.中,元素的标记可以省略。其体来说,元素的标记分为“不允许写结束标记”、“可以省略结束标记”和‘“开始标记和结束标记全部可以省略”三种类型。
• 不允许写结束标记元素有:area、base、br、col.....
• 可以省略结束标记:li、dt、dd、p、rt......
• 开始标记和结束标记全部可以省略:html、head、body.....
二.新增的结构元素
•section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分;
•article元素表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一篇文章;
•aside元素表示article元素的内容之外的、与article元素的内容相关的辅助信息;
•header元素表示页面中一个内容区块或整个页面的标题;
•hgroup元素用于对整个页面或页面中一个内容区块的标题进行组合;
•footer元素表示整个页面或页面中一个内容区块的脚注。一般来说,它会包含创作者的姓名、创作日期以及创作者联系信息;
•nav元素表示页面中导航链接的部分;
•figure元素表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元,使用figcaption元素为figure元素组添加标题
2、新增的其他元素
•audio元素定义音频,比如音乐或其他音频流;
•embed元素用来插入各种多媒体,格式可以是midi、wav、au、mp3等;
•mark元素上要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字,典型应用就是在搜索结果中向用户高亮显示搜素关键词;
•progress元素表示运行中的进程
•ruby元素表示ruby注释(中文注音或字符)
•rt元素表示字符(中文注音或字符)的解释或发音
•rp元素在ruby注释中使用,以定义不支持ruby素的浏览器所显示的内容。
•wbr元素表示软换行,而当宽度不够时,主动在此处进行换行
canvas元素表示图形,比如图表和其他图像
•cammand元素表示命令按钮,比如单选按钮新增0或按钮
•details元素表示用户要求得到并且可以得到的细节信息
•datagrid元素表示可选数据的列表,它以树形列表的形式来显示
新增1gen元素表示生成密钥
•output元素表示不同类型的输出,比如脚本的输出
•source元素为媒介元素(比如

代码如下:

 
 
 
 
form属性 
 
 


input元素从属于表单,它呗书写在表单内部,用不着再对它制定form属性。textarea元素呗书写在表单之外,但它从属于表单,所以表单的id制定给textareea元素的form属性。
这样做的好处是当需要给页面中的元素添加样式时可以更方便地添加,因为它们不是被分散在各表单之内的了。

【相关推荐】

1. 音频0

立即学习前端免费学习笔记(深入)”;

网胜B2B电子商务系统蓝色风格 2008 SP6.2 普及版
网胜B2B电子商务系统蓝色风格 2008 SP6.2 普及版

  websenB2B是一套经过完善设计的B2B行业网站程序,是windows nt系列环境下最佳的B2B行业网产站解决方案。精心设计的架构与功能机制,适合从个人到企业各方面应用的要求,为您提供一个安全、稳定、高效、易用而快捷的行业网站商务系统。分普及版和商业版等不同版本。一、网胜B2B电子商务系统SP6.2蓝色风格普及版本升级功能说明:1、邮件群发功能:可以选择某一级别的会员,并放入支持html

下载

2. 音频1

3. 音频2

4. 音频3

5. 音频4

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

72

2026.01.16

全民K歌得高分教程大全
全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总,阅读专题下面的文章了解更多详细内容。

132

2026.01.16

C++ 单元测试与代码质量保障
C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。

54

2026.01.16

java数据库连接教程大全
java数据库连接教程大全

本专题整合了java数据库连接相关教程,阅读专题下面的文章了解更多详细内容。

39

2026.01.15

Java音频处理教程汇总
Java音频处理教程汇总

本专题整合了java音频处理教程大全,阅读专题下面的文章了解更多详细内容。

19

2026.01.15

windows查看wifi密码教程大全
windows查看wifi密码教程大全

本专题整合了windows查看wifi密码教程大全,阅读专题下面的文章了解更多详细内容。

85

2026.01.15

浏览器缓存清理方法汇总
浏览器缓存清理方法汇总

本专题整合了浏览器缓存清理教程汇总,阅读专题下面的文章了解更多详细内容。

43

2026.01.15

ps图片相关教程汇总
ps图片相关教程汇总

本专题整合了ps图片设置相关教程合集,阅读专题下面的文章了解更多详细内容。

11

2026.01.15

ppt一键生成相关合集
ppt一键生成相关合集

本专题整合了ppt一键生成相关教程汇总,阅读专题下面的的文章了解更多详细内容。

49

2026.01.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
前端基础到实战(HTML5+CSS3+ES6+NPM)
前端基础到实战(HTML5+CSS3+ES6+NPM)

共162课时 | 18.9万人学习

第二十四期_综合实战
第二十四期_综合实战

共133课时 | 6.9万人学习

第二十四期_前端开发
第二十四期_前端开发

共161课时 | 4.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号