Html5相关的知识点总结
2021-07-02 09:05
YPE html>
标签:语言 set 部分 lis 引导 标记 step htm 输入框
1.html5:万维网的核心语言、HTML规范的第五次重大修改。HTML是一种标记语言。
2.布局的语义化标签:
article:标签装载显示一个独立的文章内容
section :标签定义文档中的节
aside:用来装载非正文类的内容
header :标签定义文档的页面头部,通常是一些引导和导航信息
footer : 标签定义 section 或 document 的页脚
nav :标签定义显示导航链接
他们的使用场景代码如下:
1 2 3"en"> 4 "UTF-8"> 5Html5标签布局 6 61 62 6364 69 70header
65 68article
7172 section
73 section
74 75 section
aside
76 79 80
3.标题语义化标签
标签用于对网页或区段(section)的标题进行组合.
1 class="hgroup"> 2会议内容
3会议主题
4
4.媒体语义化标签
5.标记标签
在需要突出显示文本时使用 标签。
我的骑士
6.详细信息标签
1"open"> 2 3导航1
4导航内容1
5导航内容2
6导航内容3
7
7.进度条标签
8.新增表单类型
1 "search" list="A"/> 2
9.新增表单输入类型
email ---- 邮箱验证【@】
url ---- 网址输入法【http://www.xx.xx】
number --- (min、max、step数字间隔、value)
range --- (min、max、step数字间隔、value)---进度条
color ---- 检色器
date ---- 选取日、月、年
month ---- 选取月、年 week - 选取周和年
time ---- 选取时间(小时和分钟)
datetime ---- 选取时间、日、月、年(UTC 时间)
datetime-local ---- 选取时间、日、月、年(本地时间)
1
10.新增表单属性
placeholder : 输入框提示信息
autofocus : 指定表单获取输入焦点
required : 必须要填写的字段
pattern : 正则验证 pattern="\d{1,5}"
1 "text" placeholder="请输入内容1 " required="required" pattern="\d{1,5}"/> 2 "text" placeholder="请输入内容2 " autofocus="autofocus"/>
Html5相关的知识点总结
标签:语言 set 部分 lis 引导 标记 step htm 输入框
原文地址:http://www.cnblogs.com/yhyanjin/p/7128416.html
下一篇:ie9上传后下载json