STU网页设计

Html5网页设计制作标签对比html4做了哪些改进

更新时间:2021-11-05   文章分类:网页技术课堂

HTML5在从前HTML4.01的基础上进行了一定的改进,HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,在 2008 年正式发布。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。

HTML5网页设计制作

HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素。

HTML5标签语法介绍及新增标记:

 

1、语法标签:

不允许写的结束符的标签:area、basebr、col、command、Embed、hr、img、input、keygen、link、meta、param、source、Track、wbr

可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option、Colgroup、thread、tbody、tr、td、th

可以完全省略的标签:html、head、body、colgroup、tbody

 

2、新增标签:

<article>  标记定义一篇文章

<aside>  标记定义页面内容部分的侧边栏

<audio>  标记定义音频内容

<canvas>   标记定义图片

<command>  标记定义一个命令按钮

<datalist>  标记定义一个下拉列表

<details>   标记定义一个元素的详细内容

<dialog>   标记定义一个对话框(会话框)

<embed>   标记定义外部的可交互的内容或插件

<figure>   标记定义一组媒体内容以及它们的标题

<footer> 标记定义一个页面或一个区域的底部

<header>   标记定义一个页面或一个区域的头部

<hgroup>   标记定义文件中一个区块的相关信息

<keygen>   标记定义表单里一个生成的键值

<mark>   标记定义有标记的文本

<meter>   标记定义 measurementwithin apredefinedrange

<nav>   标记定义导航链接

<output>   标记定义一些输出类型

<progress>   标记定义任务的过程

<rp>   标记是用在Rubyannotations 告诉那些不支持Ruby元素的浏览器如何去显示

<rt>   标记定义对rubyannotations的解释

<ruby>   标记定义 rubyannotations.

<section>   标记定义一个区域

<source>   标记定义媒体资源

<time>   标记定义一个日期/时间

<video>   标记定义一个视频

 

 HTML5专注内容与结构,而不专注的表现

<header>  

<hgroup>导航相关数据</hgroup>  

</header>  

<nav>菜单</nav>  

<article>  

<h1>标题:HTML5专题视频教程</h1> 

STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询