html代码

html5指南--1.html5全局属性（html5 global attributes）

由 一曲冷凌霜 提交于 2020-03-22 12:26:09
　　今天开始一个全新的关于html5系列课程，是我读《The Definitive Guide to HTML5 》的学习笔记。我会把自己觉得里面不错的章节，或者有意义的内容进行整理，以供大家学习。 　　一个元素可以定义自己的属性，比如a标签定义href属性，这种叫局部属性（local attribute）。相对应的我们可以通过全局属性（global attribute）为所有元素设置共有的行为，当然你也可以为单独元素设置全局属性，只是这样做没有太大的意义。下面我将逐一介绍这些全局属性。 　　下面的例子在chrome浏览器中运行正常，有些例子firefox不能运行，其他浏览器我没有测试，所以建议大家使用chrome浏览器作为自己首选的html5浏览器。我没有把注意力放在浏览器的兼容问题上，而是把关注点放在学习和实现上。html5还在不断完善中，随着他的普及，我相信主流浏览器对他的支持会越来越好，到时候浏览器兼容问题会好很多。 　　 1.accesskey 　　accesskey属性允许你设置一个或者多个键盘快捷键，这样你就可以选择页面上的元素了。我们看下面的例子： <!DOCTYPE HTML> <html> <head> 　　<title>Example</title> </head> <body> 　　<form> 　　　　Name: <input type="text"

html全局属性

由 醉酒当歌 提交于 2020-03-22 12:24:33
局部属性：有些元素能规定自己的属性，这种属性称为局部属性。 比如 link 元素，它具有的局部属性有 href、 rel、 hreflang、 media、 type、 sizes 这六个。 全局属性：可以用来配置所有元素共有的行为，这种属性称为全局属性，可以用在任何一个元素身上。 1、accesskey 属性 使用 accesskey 属性可以设定一个或几个用来选择页面上的元素的快捷键。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta > <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>HTML全局属性测试</title> </head> <body> <form action=""> <p> Name: <input type="text" > </p> <p> Password: <input type="password" > </p> <p> Name: <input type="submit" > </p> </form> </body> </html> 在上面的例子中，三个 input 元素添加了 accesskey 属性，这样在 Mac 下就可以用 Control + Alt ( Option )

HTML 全局属性

由 江枫思渺然 提交于 2020-03-22 12:24:03
　　HTML5 除了支持原有的全局属性之外，还添加了8个新的全局属性。 1、 id 属性规定元素的唯一 id 　　id 属性规定 HTML 元素的唯一的 id。id 在 HTML 文档中必须是唯一的。id 属性可用作链接锚，通过 JavaScript（HTML DOM）或通过 CSS 可以为带有指定 id 的元素改变或添加样式。在 HTML5 中, id 属性可用于任何的 HTML 元素 ，它会验证任何HTML元素，但不一定是有用。在 HTML4 中，id 属性不能用于：<base>, <head>, <html>, <meta>, <param>, <script>, <style> 和<title>。 　　 语法：<element（元素） id="id"> 　　属性值定义元素的唯一 id。命名规则：①：不能以数字开头，必须以字母 A-Z 或 a-z 开头。②：其后的字符可以为：字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")。③：值对大小写敏感。 2、class 属性规定元素的类名（className） 　　class 属性定义了元素的类名。class 属性通常用于指向样式表的类，但是，它也可以用于 JavaScript 通过 HTML DOM 来修改 HTML 元素的类名。在 HTML5 中，class

HTML页面嵌入视频和JS控制切换视频

由 我只是一个虾纸丫 提交于 2020-03-22 12:02:21
首先，在页面中嵌入视频的HTML代码为： 1 <div id="youku" class="youku">2 <object id="obx" name="obx" width="290" height="260">3 <param name="movie" value="http://www.tudou.com/v/6HJvxxkarzk/&resourceId=0_04_11_19/v.swf"></param> 4 <param name="allowFullScreen" value="true"></param>5 <param name="allowscriptaccess" value="always"></param>6 <param name="wmode" value="opaque"></param>7 <embed src="http://www.tudou.com/v/6HJvxxkarzk/&resourceId=0_04_11_19/v.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="290" height="260"></embed>8 </object>9 </div>

．NET中如何生成静态页

由 时光怂恿深爱的人放手 提交于 2020-03-22 11:27:02
如何生成静态页： 方案1： /// <summary> /// 传入URL返回网页的html代码 /// </summary> /// <param name="Url">URL</param> /// <returns></returns> public static string getUrltoHtml(string Url) { errorMsg = ""; try { System.Net.WebRequest wReq = System.Net.WebRequest.Create(Url); // Get the response instance. System.Net.WebResponse wResp =wReq.GetResponse(); // Read an HTTP-specific property //if (wResp.GetType() ==HttpWebResponse) //{ //DateTime updated =((System.Net.HttpWebResponse)wResp).LastModified; //} // Get the response stream. System.IO.Stream respStream = wResp.GetResponseStream(); // Dim reader As

Vue初识

由 ▼魔方 西西 提交于 2020-03-22 11:11:54
1、Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 2、引入Vue.js 初学，所以直通过CDN服务器引入vue库 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>vue1</title> <!-- 通过CDN服务器引入vue库 --> <script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script> </head> 3、vue在js中语法 <script> var vm = new Vue({ el : "#app", data : { msg : "hello world!!!",

jQuery简介

由 此生再无相见时 提交于 2020-03-22 10:42:10
2013-11-17 一.首先我们要了解jQuery与JavaScript的区别: *JavaSipt是为了适应动态网页制作的需要而诞生的一种编辑语音.他是由Netscape公司开发的一种脚本语音(scripting language). *JQuery是继Prototype之后有一个优势的JavaScript库,他由John Resig创建于2006年1月.他简化了遍历HTML文档.操作DOM.处理事件.执行动画和Ajax的操作.他独特而优雅的代码风格改变了JavaScript程序员的设计方式和思维. 二.jQuery的优势 1.轻量级: 　　jQuery非常轻巧,采用Dean Edwards 的Packer压缩后,只有不到30kb的大小,如果服务器端启用gzip压缩后,甚至只有16kb的大小! 2.强大的选择器: 　　jQuery可以让操作者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器. 3.出色的DOM操作的封装 　　jQuery封装了大量常用DOM操作,使用编写DOM操作相关程序员的时候能够得以应手,优雅的完成各种原版非常复杂的操作,让JavaScript新手也能写出出色的程序. 4.可靠的事件处理机制 　　jQuery的事件处理机制吸取了JavaScript专家Dean Edwards 编写的事件处理函数的精华

．NET中如何生成静态页

由 怎甘沉沦 提交于 2020-03-22 08:59:20
如何生成静态页： 方案1： /**/ /// <summary> /// 传入URL返回网页的html代码 /// </summary> /// <param name="Url"> URL </param> /// <returns></returns> public static string getUrltoHtml( string Url) { errorMsg = "" ; try { System.Net.WebRequest wReq = System.Net.WebRequest.Create(Url); // Get the response instance. System.Net.WebResponse wResp = wReq.GetResponse(); // Read an HTTP-specific property // if (wResp.GetType() ==HttpWebResponse) // { // DateTime updated =((System.Net.HttpWebResponse)wResp).LastModified; // } // Get the response stream. System.IO.Stream respStream = wResp.GetResponseStream(); // Dim reader

asp.net批量生成静态网页

由 走远了吗. 提交于 2020-03-22 08:51:10
做了那么久的动态网页，特别是类似于文章或者是新闻系统，都是按照很传统的方法来做的。但是看到越来越多的网站都使用生成静态网页的方法，于是我也打算使用这个方法实践一下。希望对一些有这方面的需要的朋友提供点帮助。 本人使用IIS6.0+asp.net 2.0制作，并测试成功。 实现效果图： 生成文章以后的页面： 我在输入框里输入了生成ID号从1到10的文章，通过查询数据库得出结果并批量生成静态页面，然后返回根据刚才生成的页面的内容生成了主页index.html。 点击第三个文章，然后进入到查看文章详细内容的页面： 这是我用的是我们公司的网页做模板生成的式样（本文示例并不是这样的，要更好看的样式，请自行设计模板。） 以下是我的实践过程： 首先制作要生成HTML页面的模板： <!-- temp.htm --> <html> <head> <title> $htmlformat[0]</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <!-- 式样表自己制作 --> </head> <body> <table> <tr><!--文章导航 --> <td algin=right> $htmlformat[4]</td> </tr> <tr><!--文章的标题 --> <td algin

asp.net批量生成静态网页

由 眉间皱痕 提交于 2020-03-22 08:50:38
做了那么久的动态网页，特别是类似于文章或者是新闻系统，都是按照很传统的方法来做的。但是看到越来越多的网站都使用生成静态网页的方法，于是我也打算使用这个方法实践一下。 希望对一些有这方面的需要的朋友提供点帮助。 本人使用 IIS6.0+asp.net 2.0 制作，并测试成功。 实现效果图： 生成文章以后的页面： 我在输入框里输入了生成 ID 号从 1 到 10 的文章，通过查询数据库得出结果并批量生成静态页面，然后返回根据刚才生成的页面的内容生成了主页 index.html。 点击第三个文章，然后进入到查看文章详细内容的页面： 这是我用的是我们公司的网页做模板生成的式样（本文示例并不是这样的，要更好看的样式，请自行设计模板。） 以下是我的实践过程： 首先制作要生成 HTML 页面的模板： <!-- temp.htm --> <html> <head> <title> $htmlformat[0]</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <!-- 式样表自己制作 --> </head> <body> <table> <tr><!-- 文章导航 --> <td algin=right> $htmlformat[4]</td> </tr> <tr><!-- 文章的标题 -
订阅 html代码