慕课网HTML5学习笔记_慕课网html设置时间-CSDN博客

本文链接：https://blog.csdn.net/chengzihy/article/details/46419429

1语法

1. <!doctype html> //DOCTYPE及字符编码

<html lang=”zh-CN”> //大小写都可以

<head>

<metacharset="utf-8"> //布尔值

</head>

<body>

<from>

<input type=’text’/> //省略引号

<br/>

<p>测试 //可以进行省略的标签

<p>测试

</from>

</body>

</html>

2.可以进行省略的标签

（1）不允写结束符的标签：area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

（2）可以省略结束符的标签：li、dt、dd、p、rt、optgroup、option、colgroup、thread、tr、td、th

（3）可以完全省略的标签：html、head、body、colgroup、tbody

2新增和删除的标签

1. 新增标签

（1）结构标签

（2）表单标签

（3）媒体标签

（4）其他功能标签

<1>结构标签——原来用div

（1）section元素——表示页面中一个内容区块，比如章节、页眉、页脚或页面的其他部分。可以和h1、h2等元素结合起来使用，表示文档结构。例：html5中<section>…</section>html4中<div>…</div>。

（2）article元素——表示页面中一块与上下文部相关的独立内容。比如一篇文章。

（3）aside元素——表示article元素内容之外的、与article元素内容相关的辅助信息。

（4）header元素——表示整个页面或页面中一个内容区块的标题。

（5）hgroup元素——表示整个页面或页面中一个内容区块的标题进行组合。

（6）footer元素——表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系方式。

（7）nav标签——表示页面中导航链接的部分

（8）figure标签——表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元，使用figcaption标签为figure标签组添加标题。例如：

<p>thepeople's republic of china was born in 1949</p>

</figure>

<2>表单标签

（1） emall——必须输入emall

（2） url——必须输入url地址

（3） number——必须输入数值

（4） range——必须输入一定范围内数值

（5） Date Pickers（日期选择器）

拥有多个可供选取日期和时间的新输入类型：

date-选择日、月、年

month-选择月、年

week-选择周、年

time-选取时间（小时和分钟）

datetime-选取时间、日、月、年（UTC时间）

datetime-local-选取时间、日、月、年（本地时间）

（6） search——用于搜索域，域显示为常规的文本域

（7） color

<3>媒体标签

（1） vedio标签——定义视频，像电影片段或其他视频流。例如：

<vedio src="movie.ogg"controls="controls">vedio标签</vedio>

（2） audio标签——定义音频，像音乐或其他音频流。例如：

<audio src="someaudio.wav">audio标签</audio>

（3） embed标签——用来嵌入内容（包括各种媒体），格式可以是Mldl、Wav、AIFF、AU、MP3、flash等。例如：

<4>其他标签

（1） mark标签——提亮文字

（2） progress标签——进度条

<progressmax="100" value="85">

"%"

</progress>

（3） time标签——属于语义标签，或者说是微数据标签，用来标注页面中的某一块内容，这个标注是给机器（搜索引擎）用的

timedatetime="2013-10-20T09:00Z"pubdate>9:00</time>——发布时间

（4） ruby标签——对某个字进行注释

<ruby>

漠

<rt></rt> //注释内容

<rp>(</rp> //当浏览器不支持时显示

“厂马

”

</ruby>

（5） wbr标签——软换行

（6） canvas标签——与javascript配合进行图形绘制

<canvasid="mycanvas">

…

</script>

</canvas>

(7)command标签

<menu>

<commandοnclick="alert(hello world)" label="click">

"clickme!

</menu>

（7） details标签——chrome支持

<ul>

</ul>

（9）datalist标签——提示内容

<formοninput="x.value=parseInt(a.value)+parseInt(b.value)">

<inputid="myCar" list="cars">

<datalistid="cars">

<optionvalue="asd"></option>

<optionvalue="ygruyg"></option>

<optionvalue="rbht"></option>

</datalist>

</from>

（10）keygen标签——加密（公钥和私钥）

<formaction="demo_keygen" method="get">

"username:

"encryption:

<inputtype="submit">

</form>

（11）output标签

<formοninput="x.value=parseInt(a.value)+parseInt(b.value)">

"0"

<inputtype="range" id="a" value="50">

<inputtype="number" id="b" value="50">

"="

<outputname="x" for="a b">

"139"

</output>

</form>

（12）menu标签

<menutype="toolbar">

</menu>

（13）source标签

2.删除的标签

（1）可以用css代替的标签——basefont、bid、center、font、s、strike、tt、u,这些标签纯粹是为画面显示服务的。

（2）不再使用frame——frameset、frame、noframes，html5中不支持frame框架，只支持iframe框架，或者用服务器方创建的有多个页面组成的符合页面的形式，删除以上这三个标签。

（3）只有个别浏览器支持的标签——applet、bgsound、blink、marquee等标签。

（4）其他不常用的标签——

废除rb，使用ruby代替

废除acronym使用abbr代替

废除dir使用ul代替

废除isindex使用form与input相结合的方式代替

废除listing使用pre代替

废除xmp使用code代替

废除nextid使用guids

废除plaintex使用“text/plain”（无格式正文）MIME典型替代