document.titile="简介"; //修改文档的标题为“简介”document.body.innerHTML="<p>document的属性和方法</p>"; //修改文档的内容为“简介”本文出自 “春天里！” 博客，转载请与作者联系！原文：http://11180930.blog.51cto.com/11170930/1832277
前端之HTML5，CSS3（一） HTML5中常用内容标签 header标签 header标签定义文档的页眉，基本语法：<header>content</header>。 nav标签 nav标签定义导航链接部分，基本语法：<nav>content</nav>。 footer标签 footer标签定义文档的页脚，基本语法：<footer>content</footer>。 article标签 article标签定义文章内容部分，基本语法：<article>content</article>。 section标签 section标签定义文档...
这节课给大家补充一下，一些 前些课程没有接触的知识。在XHTML中，表单内的从属元素必须书写在表单内部，但是在HTML5中，可以把他们书写在页面上任何地方，然后给元素制定一个form属性，属性值为该表单单位的id，这样就可以声明该元素从属于指定表单了。这个我想对于我们来说，应该是个很新奇的玩意吧<!DOCTYPE HTML> <html><head><meta charset="UTF-8"><title>form属性</title></head><body><form action="" id="testform"> <...
1、 accesskey 属性语法：<element accesskey="character"> //character指激活快捷键accesskey 属性规定激活（使元素获得焦点）元素的快捷键但是，在大多浏览器中快捷键可以设置为另外一组组合。提示： 各种浏览器下accesskey快捷键的使用方法：IE浏览器按住Alt键，点击accesskey定义的快捷键(焦点将移动到链接)，再按回车.FireFox浏览器按住Alt+Shift键，点击accesskey定义的快捷键.Chrome浏览器按住Alt键，点击accesskey定义的...
<!DOCTYPE html> <html lang=‘zh-cn‘> <head> <title>Insert you title</title> <meta name=‘description‘ content=‘this is my page‘> <meta name=‘keywords‘ content=‘keyword1,keyword2,keyword3‘> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel=‘stylesheet‘ type=‘text/css‘ href=‘./css/index.css‘ /> <script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js...
HTML5对Web Form做了很多增强，比方input新增的type类型、Form Validation等。Placeholder是HTML5新增的还有一个属性，当input或者textarea设置了该属性后。该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。曾经要实现这效果都是用JavaScript来控制才干实现 , firefox、google chrome等表示对其支持 , 只有IE存在违和感啊!比如: <input id="t1" type="text" placeholder="请输入文字" />介绍一个超强...
HTML5 增加了一项新功能是 自定义数据属性 ，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。<input type="button" value="按钮" data-index="10" data-index-color="red" >在开始之前我们先来看下之前我是如何获取自定义属性的。 var oBtn=document.querySelector(‘input‘); consol...
<div id="box" aaa="bbb" data-info="hello"></div><body><script>var box = document.getElementsByTagName("div")[0]; console.log(box.dataset[‘info‘]); console.log(box.id);//box console.log(box.aaa);//undefined 标签的自定义属性无法映射到对象身上 console.log(box.getAttribute(‘aaa‘));//bbb 自定义属性需要使用getAttribute进行获取/* * HTML5的属性设置与读取 * */ box.setAttribute(‘...
表单相关的属性 新增与表单相关的属性如下： 可以对 input(type=text)、select、textarea 与 button 标签指定 autofocus 属性。它以指定属性的方式让标签在画面打开时自动获得焦点。 可以对 input(type=text) 与 textarea 标签指定 placeholder 属性，它会对用户的输入进行提示，提示用户可以输入的内容。 可以对 input、output、select、textarea、button 与 fieldset 指定 form 属性，申明它属于哪个...
innerHTML 属性用于获取或替换 HTML 元素的内容。语法:Object.innerHTML注意:1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。2.注意书写，innerHTML区分大小写。我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下:结果:原文：http://www.cnblogs.com/zhuiyiyujinxiang/p/4664040.html
这篇文章主要介绍几个常用css属性和简写 本文目录： 1.背景属性 2.边框属性 3.字体属性 4.外边距 5.填充 6.颜色1.background【背景属性】background-color /*背景色*/ background-image /*背景图片*/ background-repeat /*背景图平铺方式*/ 简写：background: 背景色 背景图片 平铺方式t; 例如：background: gray url(xxx/xx.png) no-repeat;2.border【边框属性】border-width /*边框宽度*/ border-style /*边框样式*/ border-colo...
删除的属性大多都是可以用CSS替代的一些样式属性设置网页标题前面的小图标的大小<link rel="icon" href="demo_icon.gif" type="image/gif" size="16x16"> <script defer src="http://code.jquery.com/jquery-1.10.min.js" onload="alert(‘a‘)"></script><script async src="http://code.jquery.com/jquery-migrate-1.2.1.min.js" onload="alert(‘b‘)"></script>script标签新增两个属性是:defer和async以前没有这个属性时，执行...
废弃的元素和属性【1】标签替换<acronym>替代:<abbr> <applet>替代:<embed> 或 <object> <big>替代:<h1>或<strong>或<mark> <dir>替代:<ul> <frame><frameset><noframes>替代:CSS或<iframe> <isindex>替代:表单控件 <tt>用<kbd>或<var>或<code>或<samp>替代 <u>用<em>或<b>或<mark>替代 <xmp>用<code>替代 【2】CSS替换<basefont>用CSS替代 <center>用CSS替代 <font>用CSS替代 <s><strike>用CSS替代 【3】废弃的属性<a...
HTML标签可以拥有属性。属性提供了HTML元素的更多信息属性总是以名称/值对的形式出现，比如：name="value"属性总是在HTML元素的开始标签中规定。 属性例子1：HTML链接由<a>标签定义。链接地址在href属性中指定<a href="http://www.baidu.com/">This is a link</a>属性例子2：<h1>定义标题的开始。<h1 align="center">拥有关于对齐方式的附加信息<h1 align="center">标题</h1>属性例子3：<body>定义HTML文档的主体<body bgcolor="ye...
最近在项目中有好几次遇到这个问题，感觉是浮动引起的，虽然用<div style="clear:both"></div>解决了，但自己不是特别明白，又在网上查了相关内容，是因为给li设置了浮动之后它就脱离当前正常的文档流，所以没办法撑开外层ul的高度。以下面代码为例，其实有好几种解决方法，我用的这种并不是最简单的。<!DOCTYPE html ><html ><head><meta charset="utf-8"><title>给li设置float浮动属性之后，无法撑开外层ul的问题。</title><styl...