Html5相关的知识点总结

2021-07-02 09:05

阅读:397

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">
 5      Html5标签布局 6     61 
62 
63     
64

header

65 68
69 70

article

71

section

72

section

73

section

74 75

aside

76
77

footer

78
79 80

 

3.标题语义化标签

    

标签用于对网页或区段(section)的标题进行组合.

1 
class="hgroup"> 2

会议内容

3

会议主题

4

4.媒体语义化标签

    

: 标签包含独立的媒体内容

    

标签定义 figure 元素的标题

"../../img/8.jpg" alt=""/>
这是黑夜

5.标记标签

     在需要突出显示文本时使用 标签。

我的骑士

6.详细信息标签

    

标签用于描述文档或文档某个部分的细节,而这个细节并不需要文档加载时就展示,而是可以折叠。

    

默认显示的details 元素的标题。

  

1 
"open"> 2 3 导航14

导航内容1

5

导航内容2

6

导航内容3

7

7.进度条标签

     标签定义运行中的进度(进程)

"100" value="90">

8.新增表单类型

     标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

1 "search" list="A"/>
2 "A">
3 
4 
5 
6 
7 
8 

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 
2 "email"/>   3 4 "url" />   5 6 "number" min="0" max="10"/>   7 8 "range" min="0" max="10" step="5"/>   9 "color"/>   10

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


评论


亲,登录后才可以留言!