html5-常用的通用元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的通用属性</title>
    <style type="text/css">
        
        #div1{width: 100%;height: 708px;}
        #div2{width: 100%;height: 10%}
        #div3{background: #f8f8f8;width: 20%;height: 80%;float: left;}
        #div4{background: #f0f0f0;width: 80%;height: 80%;float: left;}
        #div5{width: 100%;height: 10%;clear: left;}
        .class1{background: red;}
    </style>
</head>
<body>
    <div id="div1">
        <div id="div2" class="class1" title="注释的内容">头部</div>
        <div id="div3">导航栏</div>
        <div id="div4">我是ifrmae框架</div>
        <div id="div5" class="class1">尾部</div>
    </div>
    <b title="我可以加粗文字">b标签</b>
    <bdo dir="rtl">侯伟东的方向</bdo>
    <p dir="rtl">张仙丽</p>
    <p lang="en">hello word</p>
</body>
</html>

时间： 2024-10-13 19:54:43

html5-常用的通用元素的相关文章

疯狂html5讲义（二）：HTML5简的常用元素与属性（二）:html5新增的通用属性

1.contentEditable属性 true时可直接编辑html元素里面的内容,且具有"可继承"的特点. 编辑后不要刷新页面,否则编辑的内容会丢失,可以通过该元素的innerHtml属性来获取编辑后的内容. 2.designMode属性 此属性相当于一个全局的contentEditable属性 3.hidden属性 可以替代css中的display,hidden=true相当于display:none 4.spellcheck属性 针对于input.textarea等元素,可以对用

HTML5新增的语义元素、JS常用对象

HTML5新增的语义元素 <header>元素表示页面中一个内容区域或整个页面的标题,通常他可能是一个页面中的(指主体标记中的第一个元素),可以包含站点的标题.Logo和旗帜广告 <header> <img src="logo.png"> <h1>YEN的Java Web之路</h1> </header> <footer>元素表示整个页面或页面中一个区域块的脚注,通常包含一些基本信息,包括一些基本信息:

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老

常用的XHTML5元素

通过建立一个描述MyPetShop网站信息来熟悉常用的XHTML5元素. 代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title&

详解html5增强页面的元素

HTML5 增强页面的元素,包含 figure.figcaption.details.summary.mark.progress.meter.ol.dl.cite 和 small 元素.这些元素都是起到一些辅助作用,比如:figure元素,它主要作用类似于展示一个作品集,图片(包含图片,图片说明,图片标题).具体我们以下来详细学习HTML5这些增强页面的元素. figure元素与figcaption元素 figure元素最常用的地方就是来展示图片,这里的图片包含图片说明,图片标题已经图片本身.一

HTML5中的新增元素

HTML5中新增了大量的元素与属性,这些新增的元素和属性使HTML5的功能变得更强大,使网页设计效果有了更多的实现可能. 新增的主体结构元素section元素<section>标签定义文档中的节,比如章节,页眉,页脚或文档中的其他部分.它可以与h1,h2,h3,h4,h5,h6等元素结合起来使用,显示文档结构.<section> <h1>...</h1> <p>...</p></section> article元素<

C#常用函数--通用篇

C#常用函数→通用篇转载地址→http://www.cnblogs.com/superfang/archive/2008/07/02/1233706.html以前我都是"原文地址"→后来发现不准确有些是转载别人的但是不写原文地址→还是"转载地址"准确点→ 1.DateTime 数字型 System.DateTime currentTime=new System.DateTime(); 1.1 取当前年月日时分秒 currentTime=System.DateTime

HTML5 增强的页面元素

一.HTML5 改良的 input 元素的种类 1.<input type="number" id="num1"> var n1 = document.getElementById("num1").valueAsNumber; 七.HTML5 增强的页面元素 1.figure.figcaption <figure> 标签规定独立的流内容(图像.图表.照片.代码等等).figure 元素的内容应该与主内容相关,但如果被删除,

HTML5常用知识

今日做项目,涉及到native和H5页面的交互 1.document.readyState document.readyState:判断文档是否加载完成.firefox不支持. 这个属性是只读的,传回值有以下的可能: 0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载. 1-LOADING:加载程序进行中,但文件尚未开始解析. 2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效. 3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有

HTML5新增的通用属性

1.contentEditable属性       html5为大部分html元素都增加了contentEditable属性,如果将该元素属性设为true,那么浏览器将会允许开发者直接编辑该元素里的内容.此处的HTML元素并不是指那些原本允许用户输入的表单元素,如文本框.文本域之类的,而是可以把<table.../>.<div.../>等元素变成可编辑状态. contentEditable属性具有“可继承性”的特点:如果一个HTML元素的父元素是“可编辑”的,那么它默认也是可编辑的