扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
新增的结构标签:
成都创新互联专业为企业提供来安网站建设、来安做网站、来安网站设计、来安网站制作等企业网站建设、网页设计与制作、来安企业网站模板建站服务,10多年来安做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
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、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 元素
对本地离线存储的更好的支持。
• h5 的语法
o DOCTYPE 可以使用小写,
o 单标签没有结束标签,
o 可以省略结束的标签: li、dt、dd、p、option、colgroup(用于对表格中的列进行组合,以便对其进行格式化)、thead、tbody、tfoot、 tr、td、tho ,
可以省略的标签 html head body tbody,
• 新增标签特点:语义化,ie8 及以下不生效
o header 标签头部,
o section 划分板块,
o article 与上下文无关的内容,
o aside 可以放侧边工具栏,
o nav 导航,
o figure 和 figcaption 类似于 dl 标签,
o footer 底部,
o main 比较重要的部分,
o mark 标记默认是黄色的高亮,可以修改样式内联10,
• 多媒体标签,
o 音频
内联,
controls 控件,autoplay 自动播放,谷歌不支持,火狐静音下支持, ie 支持,loop 循环播放,muted 静音播放,
o 视频
controls 控件autoplay: 自动播放,谷歌和火狐静音下支持 ,ie 支持,muted 静音播放,loop 循环,poster 未播放前显示的内容,
• 表单新增
o type 类型,
email 邮件格式,
number 限制输入是数字,
min 最小值,
max 最大值,
step 每次增加的数,
url 地址路径或者网址都可以,
color 色块,
time 时间,
range 滑动条,
o 属性
required 必填,
placeholder 提示信息,
autocomplete 自动提示,
on 提示 ,
off 不提示,
autofocus 自动聚焦,
只能写一个multiple ,
多选pattern ,
正则限制输入的内容类型限制输入 0-9 之间的数,
以上是我个人对 H5新增内容的总结,希望对大家有所帮助。
html5新增标签大致如下:
canvas 新元素
canvas 标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API
新多媒体元素
audio 定义音频内容
video 定义视频(video 或者 movie)
source 定义多媒体资源 video 和 audio
embed 定义嵌入的内容,比如插件。
track 为诸如 video 和 audio 元素之类的媒介规定外部文本轨道。
新表单元素
datalist 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
keygen 规定用于表单的密钥对生成器字段。
output 定义不同类型的输出,比如脚本的输出。
新的语义和结构元素
HTML5提供了新的元素来创建更好的页面结构:
article 定义页面独立的内容区域。
aside 定义页面的侧边栏内容。
bdi 允许您设置一段文本,使其脱离其父元素的文本方向设置。
command 定义命令按钮,比如单选按钮、复选框或按钮
details 用于描述文档或文档某个部分的细节
dialog 定义对话框,比如提示框
summary 标签包含 details 元素的标题
figure 规定独立的流内容(图像、图表、照片、代码等等)。
figcaption 定义 figure 元素的标题
footer 定义 section 或 document 的页脚。
header 定义了文档的头部区域
mark 定义带有记号的文本。
meter 定义度量衡。仅用于已知最大和最小值的度量。
nav 定义导航链接的部分。
progress 定义任何类型的任务的进度。
ruby 定义 ruby 注释(中文注音或字符)。
rt 定义字符(中文注音或字符)的解释或发音。
rp 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
section 定义文档中的节(section、区段)。
time 定义日期或时间。
wbr 规定在文本中的何处适合添加换行符。
初学者建议多访问下菜鸟教程:网页链接,都是比较全面的基础知识,可以看做编程词典,即使老司机也经常去查一些资料。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流