这个礼拜学习了html5和css的知识，现在就来列举在html5中学习到的元素。 首先是块级元素：html/body/form/textarea/h/ul/ol/dl/pre/div/p/button/hr/table行内元素：head/meta/label/span/br/a/strong/b/em/i/title/行内块元素：img/td/input 块级元素与行内元素的差别：块级元素需要换行，而行内元素在没有css的干预下，块级元素独占一行，可以设置宽高，行内元素，并排显示，由内容撑起宽高。原文：http://www.cnblogs.com/wjf0...
HTML经过10多年的发展，其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用，HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。http://hovertree.com/menu/html5/图形绘制新元素标签描述<canvas>标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API新多媒体元素标签描述<audio>定义音频内容<vedio>定义视频内容<source>定义多媒体资源（audio或vedio）<embed>定...
块元素(block element)一般是其他元素的容器元素 块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签‘P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。 如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想 要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table标签也是块元素的...
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><!--表单内元素的form属性：为元素指定一个form属性，属性值为该表单的id--><form id="testform"><input type="submit" /></form><textarea form="testform"></textarea> <br /><hr /><!--表单内元素的formaction属性：可以提交到不同页面--><form id="form1" action="test.aspx"><input type="submit" name="s1" value="内部提交到test2" formact...
在HTML5中，表单新增了一些属性，input标签也有了更多的type类型，有些实现了js才能实现的特效，但目前有些浏览器不能全部支持。下面是一些h5在表单和input标签上的一些改动。<!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中，可以用CSS样式进行改写 --> <style> input[type="search"] {-webkit-appearance: textfield;} ...
前言： 每一次遇见问题想到的就是怎么解决？最好的方法还是查询网络媒体，更好的办法是让自己记忆，只有自己理解到了才真正是属于自己。要做一个订单提醒功能，没有使用audio相关的插件，虽然插件无数，还是喜欢自己瞎折腾。(来一些隐形的链接，据说有推广效果，本文原创官网地址：www.pushself.com) 听一个写博客的朋友说周末的博客阅读量明显下降，周末大好时光不出去泡妹子的肯定是有难言之隐的。先来重温一下audio标签的...
xtyle框架充分利用语义化标签来做美化样式，兼容多款主流浏览器，包括IE8。xtyle框架虽然没BS这么强大，但我觉得也很实用，体积不算很大，适用于企业网站、WordPress主题、个人网站、博客等方面的应用，当然手机端也是适用哦！框架下载地址：xtyle栅格系统（Layout）栅格系统我想很多人是比较关注的，这个xtyle的栅格系统很简单，也很实用和易用，栅格Class由.gird1-.grid10来控制。布局简单用法一栏布局直接使用即可。<div class=...
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><style type="text/css"> #div{ width:200px; height:200px; background-color:green;}</style></head><body><p name="pn">哈哈</p><p name="pn">呵呵</p><p name="pn">嘿嘿</p><p name="pn">嘻嘻</p><a id="aid" title="a标签的title属性">超链接</a><br/><!-- 列表 -...
原文 https://www.jianshu.com/p/b427daa8663d大纲 1、认识表单 2、认识表单元素 3、表单元素的分类 4、表单元素——文本框 5、表单元素button 6、表单元素——单选、多选 7、表单元素——select 8、表单元素——textarea 9、推荐1、认识表单 1、在一个页面上可以有多个form表单，但是向web服务器提交表单的时候，一次只可以提交一个表单。 2、要声明一个表单，只需要使用form标记来标明表单的...
HTML5 引入了很多更具描述性的 HTML 元素，例如：header、footer、nav、video、article、section等等。HTML5 引入了很多更具描述性的 HTML 元素，例如：header、footer、nav、video、article、section等等。main元素让搜索引擎和开发者瞬间就能找到网页的主要内容。原文：https://www.cnblogs.com/Xuman0927/p/12491782.html
自 H5 诞生以来，在 html4.0 中有些元素已被 H5 废弃，但是在 H5 中添加了很多新元素以及功能，今天我们学习 H5 中新增的元素和属性都有哪些？新增语义结构标签标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本，使其脱离其父元素的文本方向设置。<command>定义命令按钮，比如单选按钮、复选框或按钮<details>用于描述文档或文档某个部分的细节<dialog>定义对话框，比如提示框<sum...
初学者须知我们来讨论html和DOM之间的区别。显然，一个普通<table>元素就是html。您可以在.html的文件中使用它。它有一组属性影响它的外观和行为方式。这就是html，不过它与JavaScript无关。DOM是将JavaScript代码与文档中的html元素相关联的内容，因此您可以与对象等元素进行交互。它是一个文档到对象模型.html中的每种类型的元素都有自己的DOM“接口”，用于定义属性（通常映射到html元素上的属性）和方法。例如，<table>有一个名...
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是，这三者是可以互相转换的，使用display属性能够将三者任意转换： (1)display:inline;转换为行内元素 (2)display:block;转换为块状元素 (3)display:inline-block;转换为行内块状元素 1<!DOCTYPE html> 2<html> 3 4<head> 5<meta charset="utf-8"/> 6<title>测试案例</title> 7<style type="text/css"> 8 span { 9 ...
html2canvas官网地址：http://html2canvas.hertzen.com/github地址：https://github.com/niklasvh/html2canvas/从官网可以看出它的使用方法很容易：项目中的需求是需要将2张图片（1背景图+2生成的二维码）和1段文字（3店铺的名称）整体合成一张图片，看下面的图片应该有助于理解： 动态图如下： 我们可以看出，在使用过程中，需要合成图片的那段代码是隐藏的。这时，有个问题就是隐藏的代码是无法生成截图的。最开始是想从js下手，...
怎么样使模板页中的内容页生成HTML元素时name值不改变在net中使用了模板页，经常内容页生成的ID,和name值都会改变，看了网上资料在控件上加上属性 ClientIDMode="Static" ，ID的值就不会变化，但是name的值还是会变，如下：未加属性 <asp:Button ID="btnSave" runat="server" Text="Button" />页面的html <input type="submit" name="ctl00$ContentPlaceHolder1$btnSave" value="Button" id="ContentPlaceHolder1_btnSave" />加...
