HTML5学习摘要

用html元素影响页面的呈现形式,不是一种理想的做法,维护起来并不方便,用css更灵活

html 空元素 < input/>………. html 虚元素 <br/>....<hr/>...

html 属性包含属性名和属性值,boolean类型属性 可以只些属性名 ,只要元素包含改属性,则为true <input disabled/> => <input disabled='disabled'/>

  • html用户自定义属性:
    html自定义属性必须以 data- 开头<input data-creator='hwq'/>
    用于处理html 的各种软件有一个共同的名称 叫 用户代理 (user agent),浏览器是 最流行的一种 ,但不是唯 一 一种

  • 元数据
    元数据包含在 <head>元素内
    html5 全局属性

    assesskey 属性指定选择页面元素的快捷键,案例:

<!DOCTYPE html>
<html>
   <head>
     <!--元数据-->
   </head>
   <body>
     <input name="username" accesskey="u"/>
     <input name="password" accesskey="p"/>
   </body>
</html>
<!--用来触发accesskey的机制因平台而异,在window 用Alt+accesskey  触发-->

HTML5新增属性 contenteditable 用途是让用户可以修改页面上的内容

<div contenteditable="true"> 点击 div 可以修改内容</div>
目前只有火狐支持contextmenu 属性
<p contextmenu="supermenu">这个段落附加了一个名为 "supermenu" 的上下文菜单。</p>

<menu id="supermenu">
  <command label="Step 1: Write Tutorial" onclick="doSomething()">
  <command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">
</menu>

dir属性规定元素中文字方向有两个值 ltr(从左到右) rtl(从右到左)

draggable 元素可拖动 ,dropzonp 元素可以拖放

id属性可以做为元素的唯一标识,可以用来导航定位
倘若example.html中包含一个id属性为myelement的元素,可以用example.html#myelement这个URL定位到改元素

  • lang属性用来说明元素内 内容使用的语言,lang属性必须使用ISO语言码。

  • spellcheck 拼写检查 ,只有用在可编辑元素上才起作用

<textarea spellcheck="true"></textarea>

tabindex  /   title 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值