Html5新增的标签有哪些?

如题所述

新增的结构标签:

1、header元素 

表示页面中一个内容区块或真个页面的标题。

2、hgroup元素 

表示对真个页面或页面中的一个内容区块的标题进行组合。

3、article元素 

表示页面中一块与上下文不相关的独立内容。比如一篇文章。

4、aside元素 

表示article元素内容之外的、与article元素内容相关的辅助信息。

5、footer元素 

表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。



HTML5新规则: 

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求(比如 Flash),更优秀的错误处理,更多取代脚本的标记,HTML5 应该独立于设备开发进程应对公众透明 ;

HTML5 新特性: 

新的特殊内容元素,比如 article、footer等,新的表单控件,比如 calendar、date、time、email、url、search;用于媒介回放的 video 和 audio 元素;用于绘画的 canvas 元素 
对本地离线存储的更好的支持。

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-03-07

h5是html的最新版本,是14年由w3c完成标准制定。增强了,浏览器的原生功能,减少浏览器插件(eg:flash)的应用,提高用户体验满意度,让开发更加方便。
- h5新增的标签

新增元素

说明

video    表示一段视频并提供播放的用户界面    

audio    表示音频    

canvas    表示位图区域    

source    为video和audio提供数据源    

track    为video和audio指定字母    

svg    定义矢量图    

code    代码段    

figure    和文档有关的图例    

figcaption    图例的说明    

main    

time    日期和时间值    

mark    高亮的引用文字    

datalist    提供给其他控件的预定义选项    

keygen    秘钥对生成器控件    

output    计算值    

progress    进度条    

menu    菜单    

embed    嵌入的外部资源    

menuitem    用户可点击的菜单项    

menu    菜单    

template    

section    

nav    

aside    

article    

footer    

header    

- css3
css3被划分为模块,最重要的几个模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面

    选择器

    框模型

    背景和边框
    border-radius、box-shadow、border-image、
    background-size:规定背景图片的尺寸
    background-origin:规定背景图片的定位区域
    background-clip:规定背景的绘制区域

    文本效果(常用)
    text-shadow:设置文字阴影
    word-wrap:强制换行
    word-break
    css3提出@font-face规则,规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

    2/3D转换
    transform:向元素应用2/3D转换
    transition:过渡

    动画

    @keyframes规则:
    animation、animation-name、animation-duration等

    用户界面(常用)
    box-sizing、resize
    css3新增伪类
    :nth-child()
    :nth-last-child()
    :only-child
    :last-child
    :nth-of-type()
    :only-of-type()
    :empty
    :target  这个伪类允许我们选择基于URL的元素,如果这个元素有一个识别器(比如跟着一个#),那么:target会对使用这个ID识别器的元素增加样式。
    :enabled  
    :disabled
    :checked
    :not

本回答被网友采纳
第2个回答  2018-03-05

    html5新增的标签:article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video,参考:HTML 5 参考手册

    css3新增属性:所有动画属性animation、背景的origin和size、边框圆角相关、Box 属性、透明度等等,参考:CSS 参考手册

第3个回答  2020-11-01

如果大家想看更多的web前端视频教程,点击这里:https://www.bjsxt.com/html-h5-php.html,海量免费视频教程随你挑!

相似回答