首页 > 编程知识 正文

属性举例法,类属性与实例属性的区别

时间:2023-05-04 19:00:21 阅读:8853 作者:1452

HTML5只有一个简单的文档类型,表示浏览器将以标准模式进行分析。 今天的编辑给大家带来了HTML5新特性的语义化标签。 感兴趣的朋友一起看看吧

HTML5的新功能

简单的文档类型:

HTML5只有一个简单的文档类型,表示浏览器将以标准模式进行分析。

容易记住的代码类型

现在可以在元标记中使用" charset "。

脚本和链接不需要类型

更有意义的新标签

例如,

等待视频和音频

yourbrowserdoesnotsupportthevideotag。

表单扩展

新的输入类型: color、email、date、month、week、time、datetime、datetime-local、number、range、search、tel和url

新属性:请求、自动聚焦、图案、列表、自动完成、放置器

新元素:和

canvas标签绘制二维图形。 var canvas=document.getelementbyid (canvas );

var context=canvas.get context (' 2d );

context.beginPath (;

内容. move to (100,100 );

内容. lineto (300,300 );

context.Lineto(100,500 );

context.lineWidth=5;

context.strokeStyle='red ';

context.stroke (;

地理位置获取

HTML语义化

什么是HTML的语义化?

通过标签判断内容含义,例如通过h1标签判断内容为标题,由此

内容判断为段落,标签判断为输入框等。

2 .为什么要语义化?

1 ) .去除或去掉样式时,页面可以呈现清晰的结构

2 )以有意义的方式呈现网页,便于分析其他设备,如屏幕阅读器、盲人阅读器和移动设备

3 )有利于SEO

4 )团队易于开发和维护,遵循W3C标准,可减少差异化

3 .怎么确认你的标签意思是否好?

删除样式,以查看网页结构是否有序,以及是否易于阅读。

4 .一般语义化标签模块

表格

登录表单

帐户:

密码:

表单域用fieldset标记包围,legend标记说明表单的用途。 每个input标签对应的说明性文本必须使用label标签,并且可以通过在input中设置id属性并在lable标签中设置for=someld来将说明性文本与对应的input相关联。

5 .语义化标签应注意的几个问题

尽可能少地使用无意义的标签p和span;

在含义不明确的情况下,在p或p都可用的情况下,尽量使用p。 p默认具有上下间隔,有利于与特殊终端的兼容性;

请不要使用b、font、u等纯样式标签,而是使用css设置。

需要强调的文本可以包含在strong或em标记中。 strong的默认样式为粗体(不使用b ),em为斜体(不使用I )

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。