【HTML5移动开发学习笔记】01-CH1-CH3-HTML5新元素

经历之前春招的视频面环节,我深知自己在编码方面的不足,决定放弃WebStorm作为日常练习的编码器,选择sublime text作为练习代码的编辑器。

CH2-升级至HTML5

HTML5语法

元素
在HTML5中,内联元素和块级元素变为区段元素,标题元素,短语元素,嵌入式元素,流元素,元元素以及交互式元素。
使用元素时,要基于语义去选择。
属性
所有元素都有属性,属性是典型的键值对,布尔属性的值是可选的(checked,readonly,disabled)
全局属性和国际化属性:
id\class\title\sytle\lang\dir属性在所有元素上支持,HTML5往核心属性列表添加了accesskey,hidden,tabindex属性,同时还有contenteditable,contentmenu,spellcheck,draggable,dropzone共五个交互式属性。
除了全局属性,所有元素还可以有微数据(microdata)属性和自定义数据属性(data-)。
id
id属性唯一标识符。
class
class类可以共用。
title
style

lang
国际化属性之一。一个Web的首要语言使用元素的lang属性,通过http头的Content-Language或者http-equiv="language"属性进行设置。
使得搜索引擎可以按照内容的语言种类编制索引,允许屏幕阅读器使用国家发音规则。
dir
与lang属性经常一起使用,用于更改文本方向,默认值ltr,从左到右。
在HTML5中dir的属性值包括rtl,ltr,auto

tabindex
给所有元素添加了可聚焦性,当用户按下tab键时,具有tabindex属性的元素将根据tabindex属性的数字值接收焦点,适合于正值的tabindex。
为了不改变源自于页面源顺序的tab或者键盘焦点的顺序,所以tabindex的值只能是0、-1。
-1用于可编程聚焦。0用于提供可访问性等方便的事由,比如给链接或表单元素提供键盘访问的同时不改变页面的顺序的话。
accesskey
把焦点直接移动到触发访问键。
属性值创建了键盘快捷键,例如<input accesskey="s" name="search" type="text"/>创建了一个accesskey等于s的搜索框,当用户按下s,焦点聚焦到搜索框。
属性值是一个或多个空格分开的字符。语法与class属性类似,但是字符顺序是有意义的。第一个标记之后的标记被认为是无法支持初始值的用户代理的回退方案。

注意:tabindex由于修改页面原本正常的焦点顺序会产生糟糕的用户体验,accesskey可能会

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值