当前位置: 首页 > news >正文

2017-1-6基础

2017-1-6基础

html属性
1基本属性
class 定义类规则或样式规则
id 定义元素的唯一标识
style 定义元素的样式声明

2语言属性
lang 定义元素的语言代码或编码
dir 定义文本方向 包括ltr(从左向右)、rtl(从右向左)
3键盘属性
accesskey 定义访问某元素的键盘快捷方式
tabindex 定义元素的tab键索引编号
使用accesskey属性可以用快捷键alt+字母访问指定的URL,但是浏览器不能很好的支持。
内容属性
alt 定义元素的替换文本
title 定义元素的提示信息
longdesc 定义元素包含内容的大段描述信息
cite 定义元素包含内容的引用信息
datetime 定义元素包含内容的日期和时间
html元素
HTML5元素分为7大类
内嵌 在文档添加其他类型的内容 如audio 、video 、canvas 、iframe等
流 在文档和应用的body中使用的元素,如form 、h1和small等
标题 段落标题,如h1、h2好和hgroup等
交互 与用户交互的内容,如音频和视频的控件、button和textarea等
元数据 通常在也想的head中
短语 文本和文本标记元素,如mark、kbd、sub和sup等
HTML5新增的语义化标记元素
header 标记头部区域的内容
footer 标记脚部区域的内容
section web页面中的一块区域
article 独立的文章内容
aside 相关内容或引文
nav 导航类辅助内容
HTML5新增功能元素
hgroup元素 用于对整个页面或页面中的一个内容区块标题进行组合
figure元素 表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素可为figure元素添加标题。
列:

<figure>
            <figcaption>标题</figcaption>
            <p>内容</p>
      </figure>

audio 元素,定义音频
cmbed 元素 用来插入各种多媒体
mark 元素 主要用来在视觉上向用户呈现那些需要突出显示或高亮的文字。
time 元素 表示时间或日期,也可以同时表示两者
canvas 元素 表示图形,如图表和其他图像,提供一块画布,把一个绘图API展现给客户端JS,使脚本可以在上面绘制
output 元素 表示不同类型的输出,比如脚本的输出
source 元素 为媒介元素定义媒介资源
menu 元素 表示菜单列表。
ruby 表示ruby注释
rt 元素 表示字符的解释或发音
rp 元素 在ruby注释中使用,以定义不支持ruby元素浏览器所显示的内容
wbr 软换行
command 元素 表示命令按钮,如单选按钮、复选框或按钮
details 元素 表示用户要求得到并且可以得到的细节信息,可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的,用户单机标题是,会显示细节信息 。summary是details的第一个子元素列

<details>
        <summary>标题</summary>
        详细信息
 </details>

datalist 元素 表示可选数据的列表,与input元素配合使用,可以制作出输入值下拉列表
datagrid 元素 表示可选数据的列表,它以树形列表的形式来显示
keygen 元素 表示生成密钥
progress 表示运行中的进程可以用progress元素来显示JS中耗费时间的函数进程
email 表示必须输入email地址的文本输入框
url 表示必须输入URL的文本输入框
number 表示必须输入数值的文本输入框
range 表示必须输入一定范围内数字的文本输入框
Data Pickers HTML5拥有多个可供选取日期和时间的新型输入文本框
date 选取日 月 年
month 选取 月和年
week 选取周和年
time 选取时间(小时和分钟)
datetime 选取时间 日 月 年
datetime-local 选取时间 日 月 年(本地时间)

转载于:https://www.cnblogs.com/wangxiaofeng5277/p/6257631.html

相关文章:

  • nodejs npm常用命令
  • Bootstrap的竞争对手Zurb Foundation
  • centos7部署PaaS平台环境(mesos+marathon)
  • 2016 年度开源中国新增开源软件排行榜 TOP 100
  • c++ 深度优先算法输出树的访问顺序
  • WCF NetTcpBinding Transport安全模式(1)NetTcpSecurity定义
  • 微信公众号开发之网页中及时获取当前用户Openid及注意事项
  • cocos2d基本类介绍 director/scene/layer/sprite
  • TiDB 源码初探
  • 小而合理的前端理论:rscss和rsjs
  • Dell-R730 【Pxe+dhcp+ftp+tftp+Kickstart+CentOs6.6】
  • Bounce(弹走绵羊)lct裸题
  • MyBatis insert 返回主键的方法
  • dede数据库内容替换,去掉文章内容中的img标签
  • Android javaMail使用imap协议接收邮件
  • 【159天】尚学堂高琪Java300集视频精华笔记(128)
  • 2018一半小结一波
  • CentOS从零开始部署Nodejs项目
  • ES6 学习笔记(一)let,const和解构赋值
  • JavaScript-Array类型
  • JavaScript创建对象的四种方式
  • OSS Web直传 (文件图片)
  • text-decoration与color属性
  • TypeScript迭代器
  • vue--为什么data属性必须是一个函数
  • 关于extract.autodesk.io的一些说明
  • 京东美团研发面经
  • 如何编写一个可升级的智能合约
  • 如何在 Tornado 中实现 Middleware
  • 为什么要用IPython/Jupyter?
  • 正则学习笔记
  • Semaphore
  • 新年再起“裁员潮”,“钢铁侠”马斯克要一举裁掉SpaceX 600余名员工 ...
  • ​Linux·i2c驱动架构​
  • $().each和$.each的区别
  • (02)Hive SQL编译成MapReduce任务的过程
  • (C语言)编写程序将一个4×4的数组进行顺时针旋转90度后输出。
  • (NO.00004)iOS实现打砖块游戏(九):游戏中小球与反弹棒的碰撞
  • (二开)Flink 修改源码拓展 SQL 语法
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (学习日记)2024.02.29:UCOSIII第二节
  • (转)德国人的记事本
  • *p++,*(p++),*++p,(*p)++区别?
  • ... 是什么 ?... 有什么用处?
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .Net Core和.Net Standard直观理解
  • .net 开发怎么实现前后端分离_前后端分离:分离式开发和一体式发布
  • .net 设置默认首页
  • .netcore 获取appsettings
  • ??javascript里的变量问题
  • @Autowired自动装配
  • [ 2222 ]http://e.eqxiu.com/s/wJMf15Ku
  • [ 渗透测试面试篇 ] 渗透测试面试题大集合(详解)(十)RCE (远程代码/命令执行漏洞)相关面试题
  • [<事务专题>]