美文网首页
2018-06-15

2018-06-15

作者: 铁杵磨针 | 来源:发表于2018-06-15 15:52 被阅读0次

HTML 入门简介

HTML5 规范于2014年10月29日由万维网联盟正式宣布,从1999年发布了HTML4.01之后,历经十五年,中间还出现了WHATWG和XHTML2.0两种规范,最后双方合并成全新的HTML5版本。

HTML5与HTML4在语法上的一些区别

1、DOCTYPE声明
2、指定字符集编码
HTML4:
<meta http-equiv="CONTENT-TYPE" content="text/html;charset=UTF-8">
HTML5:
<meta charset="UTF-8">
两种方式都能用,但不能混用
• 可以省略标记的元素
不允许写结束标记:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr
可以省略结束标记:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th
可以完全省略标记:html、head、body、colgroup、tbody

• 具有boolean值得属性
这些属性,只要写上了就比表示true,如:
<input checked type="checkbox">
还有readonly、disabled等

• 新增结构元素
section:表示页面中的一个内容区块,如:章节、页眉、页脚等,可以与h1~h6元素结合使用,标示文档结构
article:标示页面中的一块与上下文不相关的独立内容,如博客中的一篇文章或报纸上的一篇文章
aside:标示article元素之外,但是相关的,辅助信息
header:页面中的一个内容区块或整个页面的标题
hgroup:对整个页面或页面中的一个内容区块的标题进行整合
footer:整个页面或页面中内容区块的脚注,一般包含作者的姓名、创作日期以及作者的联系方式的等
nav:页面中的导航链接
figure:表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元,使用figcaption元素在figure元素组添加标题

• 其他新增元素
video:视频
audio:音频
embed:插入各种多媒体格式
mark:在视觉上需要高亮的文字
progress:表示运行中的进程,一般用于显示js耗时的时间函数
time:日期或时间
ruby:ruby注释,中文注音或字符
rt:字符的解释或发音
rp:在ruby注释中石油
wbr:软换行,当父级元素宽度不够的时候才换行
canvas:绘图的画布
command:命令按钮,如单选按钮、复选框、复选按钮
details:表示用户要求得到并且可以得到的细节信息。可以与summary元素配合使用
datalist:下拉列表,与input配合使用
datagrid:可选数据列表,树形列表的形式显示
keygen:生成密匙
output:表示不同类型的输出
source:为媒介元素定义媒介资源
menu:菜单列表

• 新增的input类型,也就是input元素中,type的属性
email、url、number、range、date、month、week、time、datetime、datetime-local

对于新增的元素或属性,在使用前最好查阅一下浏览器的支持情况

• 废除的元素
能够用CSS代替的一般都废除了,如 basefont、big、center、font、s、strike、tt、u等
不再使用frame框架:frameset、frame、noframes元素。因为frame框架对网页的可用性存在负面影响。HTML5中只支持iframe框架

• 新增的表单属性
autofocus:自动获取焦点
placeholder:提示用户输入
form:声明属于哪个表单,然后可以放在页面的任何位置,不一定非要在表单内
required:表示是否必填
list:与datelist元素配合使用,生成下拉框
multiple:允许一次上传多个文件

其他属性详见HTML5

相关文章

  • Day120 | 遇见EOS(三) - 谁按下了EOS主网启动按

    2018-06-15 01:30 投票进度11.11%2018-06-15 01:42 投票进度16.9337% ...

  • 吹牛的代价

    平步青云_45bf 2018-06-15 14:02 · 字数 1833 · 阅读 4 · 安全 记的...

  • 日精进打卡(第343天)

    2018-06-15 姓名:李义 公司:........ 组别:259期利他二组 【知~学习】 背诵 六项精进大纲...

  • 2018-06-15

    2018-06-15· 字数 476· 阅读 106· 日记本 姓名:周富强 公司:厦门大科机械有限公司 日精进打...

  • (读报时间)2018-06-15 .NET及相关开发资讯速递

    (读报时间)2018-06-15 .NET及相关开发资讯速递: 1.我的微软最有价值专家(Microsoft MV...

  • 2-4-4 Adapter

    标注:本文为个人整理,仅做自己学习参考使用,请勿转载和转发2018-06-15: 初稿。参考博主coder-pig...

  • 2-4-3 Date

    标注:本文为个人整理,仅做自己学习参考使用,请勿转载和转发2018-06-15: 初稿。参考博主coder-pig...

  • 【88】和姐姐玩耍

    2018-06-15 星期五 晴 姐姐备考中考的这段时间里,琪琪被约束着,不能看电视,不...

  • Android文字绘制 -- 怎样理解“基线”

    2018-06-15 首先我们看看怎样在Android中绘制出文字 以及与可以方便我们理解基线的其它线条如何在an...

  • 实践重于知识

    2018-06-15 (稻盛哲学学习会)打卡第94天 姓名:王燕君 部门:分水碶 组别:利他三组 【知~学习】 一...

网友评论

      本文标题:2018-06-15

      本文链接:https://www.haomeiwen.com/subject/fsjmeftx.html