html5 article 炫酷,Html5新标签之article标签详解
今天开始为大家介绍HTML5新标签,介绍完新标签,再去详解html标签在HTML5中的差别。预计给大家介绍新标签:27个。
这节,我为大家介绍下:html5新标签之标签
如何定义及如何使用article呢?
w3c这样解释:
标签定义外部的内容。
外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。
先让大家看个例子:
body{ font-size:12px; padding:10px 0; background:#00CCCC}
*{ margin:0; padding:0;}
.classa{width:800px; height:auto; text-align:center; padding:20px 0; margin:0 auto; background:#efefef; border:#CCCCCC 1px solid; border-radius:3px;-moz-border-radius:3px; -khtml-border-radius:3px; margin-bottom:50px;}
看看是否可以拖动?
点击编辑我也可以哦。
标签支持哪些属性呢?
常用的属性:class、id、style,这三个就不用给大家介绍了。
在这里着重的给大家说article标签的新属性及属性值:
contenteditable(规定是否允许用户编辑内容。值:true、false)
contextmenu(规定元素的上下文菜单。值:menu_id)
data-yourvalue(创作者定义的属性。HTML 文档的创作者可以定义他们自己的属性。必须以 “data-” 开头。值:value)
draggable(规定是否允许用户拖动元素。值:true、false)
hidden(规定该元素是无关的。被隐藏的元素不会显示。值:hidden)
item(用于组合元素。值:empty、url)
itemprop(用于组合项目。值:url、group value)
spellcheck(规定是否必须对元素进行拼写或语法检查。值:true、false)
subject(规定元素对应的项目。值:id)
html5 article 炫酷,Html5新标签之article标签详解相关推荐
- (超详细)超炫酷的ViewPager框架——MaterialViewPager使用方法详解
最近在找viewpager开源框架的时候,发现了一款十分炫酷的框架--MaterialViewPager 少说废话,先贴实际效果图: 原项目地址(含Demo)https://git ...
- html5 loading游戏,12种炫酷html5 svg加载loading动画特效
12种炫酷html5 svg加载loading动画特效 刘振兴 代码分享 2015年11月23日 14182 3条评论 这是一款使用HTML5 SVG技术制作的12种炫酷html5 svg加载load ...
- html5波浪线条,HTML5 svg炫酷波浪线条动画插件
这是一款HTML5 svg炫酷波浪线条动画插件.该波浪动画插件基于tweenMax和SVG,也可以作为jQuery插件来使用,可以制作出漂亮的波浪线条动画特效. 使用方法 在页面中引入jquery和T ...
- html 星空效果,html5 canvas炫酷旋转银河系星空背景特效
这是一款html5 canvas炫酷旋转银河系星空背景特效.该特效通过canvas来绘制银河系星盘,并制作星系旋转的效果,非常炫酷. 使用方法 HTML结构 该旋转银河系星空背景特效的HTML结果只需 ...
- html炫酷在线,程序猿必备的10款超炫酷HTML5 Canvas插件
1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度观察地球.另外我 ...
- 炫酷HTML5网页背景动画
炫酷HTML5网页背景基于Canvas绘制 function resized() {canvas.width = window.innerWidth;canvas.height = window.in ...
- 多功能用途 Gooey Effects 7种炫酷HTML5 SVG液态水滴融合动画特效
查看原文 查看在线演示Demo和更多原文内容教程: 7种炫酷HTML5 SVG液态水滴融合动画特效 这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合动画特效.这些SVG动画特效使一些HTML ...
- Linux桌面新彩虹-Fedora 14 炫酷应用新体验
Linux桌面新彩虹 --Fedora 14 炫酷应用新体验 Linux的桌面应用已经越广泛其发展势头足以令微软寝食难安,就像一次生物的进化,可爱的小企鹅终于能独挡一面,在诸多厂商和各国政府的支持下, ...
- ubuntu16 黑主题_给Ubuntu 8.10安装超炫酷黑色新主题
Linux系统的Netbook定做了一套漂亮的界面, 名称叫做 HP Mini 1000 Mi Edition.这套界面是基于 Ubuntu 8.04 Hardy Heron的, 平常我们熟悉的Ubu ...
最新文章
- CVPR2020最新15篇论文开源代码!!!
- python输入语句-python2 和 pyhton3 输入语句写法
- Java中使用Base64进行编码解码的工具类-将验证码图片使用Base64编码并返回给前端
- Twitter的分布式自增ID算法Snowflake实现分析及其Java、Php和Python版
- Java设计模式之创建型:单例模式
- Linux 系统应用编程——网络编程(socket编程)
- 没想到啊!3980元的Web前端视频今日免费送
- nginx上配置phpmyadmin
- 给 layui upload 带每个文件的进度条, .net 后台代码
- 4. Jmeter主界面的介绍
- 挖矿为什么要用显卡_你知道为什么挖矿用显卡,而不用CPU吗?
- pyspark 空值填充
- 鸡兔同笼c语言代码while,鸡兔同笼(C语言代码)
- Proteus仿真:使用8255输出连续方波
- 阿里云服务器学生计划--免费领取两个月
- 笔记本计算机无法开机,笔记本电脑无法开机黑屏?故障分析大全,及时解决办法...
- linux下的web服务器压力测试工具之ab
- 从此刻立志——我要做大牛
- 父亲节的海报设计了吗?
- 【Prism】MEF版Commanding
热门文章
- JS--popstate事件--使用/教程/实例
- ubuntu snort-mysql_Ubuntu 16.04 搭建Snort
- pytorch基础学习
- 来了!娱乐篇!一文带你了解那些适合日常使用的开源工具和应用(娱乐篇)
- 使用nmap扫描端口
- Rosetta stone
- 手把手讲解超详细python入门游戏项目‘打外星飞船’(二)
- MySQL索引的作用
- QQ视频聊天时可以给对方加特效恶搞对方的软件--- 变色鸟摄像头视频特效
- oracle rac v3500_OEL6.X IBM v3500存储多路径配置