HTML5新添加的标签及用

作者 : 开心源码 本文共423个字,预计阅读时间需要2分钟 发布时间: 2022-05-11 共68人阅读

HTML5和HTML其实是很类似的,但是有些内容有发生了改变,今天我学习了一下HTML5发现还是挺好学的,只需有html+css基础即可以,今天知识看了下新的标签。

一、定义文档类型

在文件的开头总是会有一个标签

1

这是显示的html的文档类型,上面那个是1.0的,下面这个就是HTML5的类型标签,很是简短

1

二、新的布局方式

如下图所显示的布局结果

HTML5新添加的标签及用

正常的HTML布局就是通过div+css进行的,要是布局出这个页面正常的就是使用div进行布局,而后给div进行起名字,而后进行样式的修改;

在HTML5中有个块状元素(有意义的div),也就是说不使用div标签,而是使用名字式的元素,例如:布局出第一个蓝色块是用div,起名字,而后进行改变css;HTML是用的header标签进行修改样式,header就是有意义的div

用HTML5的新的结构标签,做出上面的布局,代码如下:

html代码:

定义一个页面或者是区域的头部

定义一个区域

定义页面内容的侧边框部分

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » HTML5新添加的标签及用

发表回复