先说基础，HTML标签有两类： 1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul…… 特点：总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省的它的容器的100%，除非设定一个宽度。 功能：主要用来搭建网站构架、页面布局、承载内容。 2、行内元素 span、a、abbr、acronym、b、bdo、big、br、...
React 的 JSX 使用大、小写的约定来区分本地组件的类和 HTML 标签。既渲染html标签需要使用小写字母开头的标签名而渲染本地React组件需要使用大写字母开头的标签名注意:由于 JSX 就是 JavaScript，一些标识符像 class 和 for 不建议作为 XML 属性名。作为替代，React DOM 使用 className 和 htmlFor 来做对应的属性。 原文：http://www.cnblogs.com/yaomengli/p/7851218.html
实例<!DOCTYPE html> <html> <head> <title>文档的标题</title> </head><body> 文档的内容...... </body></html>定义和用法<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 ...
20%的功能满足80%的需求。爱、喜悦、和平。带有可点击区域的图像映射：<html> <body><p>请点击图像上的星球，把它们放大。</p><img src="http://www.w3school.com.cn/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /><map name="planetmap" id="planetmap"><area shape="circle" coords="180,139,14" href ="http://www.w3school.com.cn/example/html/venus.html" target ="_blank" alt="Venus" /><area shape=...
前端的三把利器： （1）HTML就像一个赤裸裸的人 （2）css就好比一件衣服 （3）JS/JavaScript：赋予这个人的行为，让它动起来1.HTML标签 html代码实际上就是一套能够被浏览器所识别的规则代码，由一个个标签组成。HTML的基本格式如下：html head1.自闭合标签 （ 只有开头标签，没有结尾标签）2.主动闭合标签html body 1.段落标签 p br2.h、form、div、span、input、...
1<!DOCTYPE html><!--声明为HTML5文档--> 2<html lang="en"> 3<head><!-- 页面表头上的操作--> 4<meta charset="UTF-8"><!-- 定义网页编码格式为utf-8--> 5<meta name="author" content="chunfang"><!--定义网页作者--> 6<meta http-equiv="refresh" content="30"><!--每30秒钟刷新当前页面--> 7<link rel="shortcut icon" href="./img/timg.jpg"><!--左侧显示logo图片--> 8<title>Title</title><!-- 文档页面上的标题--> 9<!-- ...
ie8是识别不了html5语义化标签的，解决方法：在头部文件的<head></head>里面下如下代码 （这段代码的意思是如果ie版本低于ie8，就创建所有HTML5新标签） <!--[if lt IE9]> <script> (function() {if (! /*@cc_on!@*/0) return;var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".spli...
public function DeleteHtml($str){ $str=trim($str);//清除字符串两边的空格 $str=strip_tags($str,"");//利用php自带的函数清除html格式 $str=preg_replace("/\t/","",$str);//使用正则表达式匹配需要替换的内容，如空格和换行，并将替换为空 $str=preg_replace("/\r\n/","",$str); $str=preg_replace("/\r/","",$str); $str=preg_replace("/\n/","",$str); $str=preg_replace("/ /","",$str...
在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;} ...
常用标签html常用的标签： <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 <sub> 下标 <sup> 上标 <pre> 原样标签： 原样标签会保留空格和换行符。 <ol> <li> 有序的列表标签、 <ul> <li> 无序的列表标签。 项目列表标签(dl dt dd) 行内标签(span) 块标签<div> div标签的内容会独立占一行。html的标签作用：用于描述一个网页的结构的。如果需要操作数据的样式：...
xtyle框架充分利用语义化标签来做美化样式，兼容多款主流浏览器，包括IE8。xtyle框架虽然没BS这么强大，但我觉得也很实用，体积不算很大，适用于企业网站、WordPress主题、个人网站、博客等方面的应用，当然手机端也是适用哦！框架下载地址：xtyle栅格系统（Layout）栅格系统我想很多人是比较关注的，这个xtyle的栅格系统很简单，也很实用和易用，栅格Class由.gird1-.grid10来控制。布局简单用法一栏布局直接使用即可。<div class=...
最近重新看了一遍html标签的知识，有很多新的体会，对语义化有了一个新的理解。 那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。 语义化的好处主要有两个方面: ...
1：文档类型声明DTD HTML5的DTD声明为 <!doctype html>不区分大小写。 ==》在编写HTML5文档时，需要指定文档类型，以确保浏览器能在HTML5的标准模式下进行渲染。2：新增HTML5标签 （1）结构标签 <article>定义文章块 <header> 定义一个页面的头部 <footer> 定义一个页面的底部 <nav> 定义导航连接 <section> 定义一个区域 <aside> 定义页面内容部分的侧边栏 <hgroup> 定义文件中一个区块的相关信息 <figure> <figcaption> <dialog...
问题：在设置同级标签时，width属性不起效果，会自动根据包含的内容来变化宽度原因： 对于内联元素(可以是默认即为内联的比如 span 元素，也可以是 display: inline 的元素) width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 hasLayout 。 而对于 IE6，如果浏览器运行于标准兼容模式下，内联元素会忽略 width 或 height 属性，所以设置 width 或 height 不能在此种情况下令该元素具有 layout。 ...
var htmls = new Array();htmls.push("<tr class=‘otherinfotr‘>");htmls.push("<td>姓名</td>");htmls.push("<td>");htmls.push("<input type=‘text‘ name=‘username‘ />");htmls.push("</td>");htmls.push("<td>电话</td>");htmls.push("<td>");htmls.push("<input type=‘text‘ name=‘phone‘ />");htmls.push("</td>");htmls.push("</tr>");$(‘.otherinfotr:last‘).after(htmls.join(‘ ‘));原文：http://www.cnblo...