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 )