HTML 元素 技术教程文章
html中的meta元素有什么用?
meta元素有两种用途。 用途1：向浏览器传递网页的一些信息，浏览器根据这些信息规定的方式解析和显示网页。或者说，meta元素规定了浏览器解析和显示网页的方式。 用途2：向搜索引擎传递网页的一些信息，引导搜索引擎工作。 具体如下所述。 1 meta元素的类型和用途 meta元素有三种基本类型。 meta元素类型用途用户charset说明页面文件的字符编码浏览器http-equiv说明处理和显示页面的方式浏览器name说明页面的基本情况搜索引擎 2 ...
13.HTML DOM 允许 JavaScript 改变 HTML 元素的内容。【代码】
1，改变 HTML 输出流 <script> document.write(Date()); </script>2，改变 HTML 内容 <script> document.getElementById("p1").innerHTML="New text!"; </script>3，改变thml属性<!DOCTYPE html> <html> <body><img id="image" src="smiley.gif"><script> document.getElementById("image").src="landscape.jpg"; </script></body> </html> 原文：http://www.cnblogs.com/jiningning/p/6393618.html
onclick 中为什么可以直接使用 html 元素中的 id.click()?【代码】
<input type="file" id="aaa"> <input type="button" value="button" onclick="aaa.click()"> 点击第二个 input 为什么使用 aaa.click 可以触发第一个 input 的对话框？ 是什么特殊的语法？答： 如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名. 如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, ifram...
HTML 5常用的交互元素————菜单交互元素（1）【图】
<menu>是HTML 5重新启用的旧标记，常与<li>列表元素组合使用，用来定义一个列表的菜单，属性以及描述： 属性 值 描述autosubmit true/flase true时：当表单中的元素发生变化时会自动提交lable 任意字符 为菜单定义一...
如何让Flash不遮挡HTML div元素的技巧
今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下： 针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" /> 针对FF 在...
HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？【图】
先看下面的例子你就能明白两者的差别：<p>测试一下块元素与<span>内联元素</span>的差别</p><p>测试一下<div>块元素</div>与内联元素的差别</p> 在上面的例子中，<div>会自己产生一个新的行，而<span>并没有换行,这是在没有CSS渲染的情况下才这样，同样，我们也可以通过CSS把div定义成内联元素，把span定义成块元素，但是，我们却不能在HTML里任意转化它们，块元素可以包含内联元素或某些块元素（上面的例子其实是错误的使用--->我...
【jsoup的学习礼记】设置一个元素的HTML内容【代码】
问题 你需要一个元素中的HTML内容 方法 可以使用Element中的HTML设置方法具体如下：Element div = doc.select("div").first(); // <div></div> div.html("<p>lorem ipsum</p>"); // <div><p>lorem ipsum</p></div> div.prepend("<p>First</p>");//在div前添加html内容 div.append("<p>Last</p>");//在div之后添加html内容 // 添完后的结果: <div><p>First</p><p>lorem ipsum</p><p>Last</p></div>Element span = doc.select("span"...
html iframe 元素之间的调用【代码】【图】
html iframe 元素之间的调用一、简介 一般需要引入一个独立页面的时候，我们会使用iframe。在业务需要的时候，我们需要在父页面与iframe页面之间进行交互。交互的时候，我们就需要使 用到js或jquery对父页面或子页面中的相关元素进操作。二、示例 1、页面结构如下： 父页面： 1<!DOCTYPE html> 2<html> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5<title>父页面</title> 6<script...
JAVA解析HTML，获取待定元素属性
Document doc = Jsoup.parseBodyFragment(previewHtml); //html内容解析为Document int index = 0; StringBuffer stringBuffer = new StringBuffer(); Elements inputArray = doc.getElementsByTag("input");//对应的元素数组 for(int a=0;a<inputArray.size(); a++) { Element element = inputArray.get(a); String type = element.attr("type"); //获取元素属性的值 String field = element.attr("name"); i...
怎样使用 v-if 实现 html 元素的显示 / 隐藏?【代码】【图】
1. 首先, 指令后的引号内是可以写 js 表达式的, 这点很重要. v-if 的用法很简单, 只需要给 v-if = " " 的引号内放一个 布尔值 即可. 注意: v-if 的隐藏是不渲染这个 html 元素, 而非 display: none. 2. 但仅仅是上面这样还无法运行, 还得实例化一个 Vue 对象, 并把 "#app" 节点传进去, 下面是完整代码.<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"...
HTML 块级元素与行内元素【代码】
1.块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签‘P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。 2.如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table标签也是块元素的一种，table based layout和css based layout从一般使...
HTML之表单元素【代码】
A、表单元素都是放在<form></form>标签内的。来看看表单的属性 属性 值 描述 accept MIME_type 规定通过文件上传来提交的文件的类型 accept-charset charset 服务器处理表单数据所接受的字符集 enctype MIME_type 规定表单数据在发送到服务器之前应该如何编码 method ...
6.DOM对HTML元素的增删改操作【图】
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>节点的增删改操作</title> <script type="text/javascript"> function createNode(){ //创建一个li元素 var li = document.createElement("li"); li.innerHTML = "郑州";//添加内容 var ul = document.getElementById("city"); ul.appendChild(li); } function copy...
标签li是不是块级元素分析_HTML/Xhtml_网页制作
为什么它可以设定高度，但又不像 这些元素，那种感觉就像它是个“半内联"的（内联：inline[text]-level）元素。HTML 4是这样描述的： The following elements may also be considered block-level elements since they may contain block-level elements: DD – Definition description DT – Definition term FRAMESET – Frameset LI – List item TBODY – Table body TD – Table data cell TFOOT – Table foot TH – ...
HTML元素的ID和Name属性的区别
今天對 <a href="#13"></a> 有點疑惑， 加上#表示一個錨，後面跟上13，就會跳到本頁面的13的位置，而這個13就是 Name屬性值。怎麼不 是ID值呢？？？所以查了下ID 和Name的區別，特記錄 最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 显然这个ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的，它就是Client端HTML元素的Identity。而Name其实要复杂的...
表单元素与提示文字无法对齐的问题【图】
最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：于是上网查看了一些网站，发现这个问题是普遍存在的，如下图（FF3.5）：在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题...
常用html元素结构有哪些
这次给大家带来常用html元素结构有哪些，使用常用html元素结构的注意事项有哪些，下面就是实战案例，一起来看一下。基本结构： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> </head> <body> </body> </html>2.文档类型： (1)HTML 4.01 <!DOCTYPE html P...
Css中元素居中问题的实现_html/css_WEB-ITnose【图】
前言： 在写CSS的时候让元素在高度固定的容器中垂直居中是很简单的，譬如设置容器的padding或者元素的margin之类的都可以做到；让元素在容器中水平居中也有text-align:center、margin:0 auto;之类的属性来帮我们达到目的，但是如何让元素在不确定高度的容器中垂直居中或者行数不确定的文字在高度固定的容器垂直居中呢？下面我们来讨论几种让元素垂直居中的方法： 一、文字的垂直居中 1、单行文字 line-height与he...
原来被disabled的input元素是不响应鼠标事件的_html/css_WEB-ITnose
前几天做客服的时候遇到个客户来说我们的页面出错了, 两边鸡同鸭讲了半天发现都没法理解对方, 让客户截图后发现果然跟我这边不一样, 远程过去一看, 对面用的是 Win10 + Edge, 在我们本该出现 tipsy 的地方鼠标移上去没任何反应, 客户看不到该有的提示, 也难怪要跑过来找客服 一开始以为是 Edge 和 IE11 又出现什么奇葩的 jQuery 事件绑定错误, 需要在 knockout 的动态渲染完成后再做事件绑定, 但是仔细查了下后发现还不是这么回...
两种隐藏元素方式【display:none】和【visibility:hidden】的区别及由此引出的问题_html/css_WEB-ITnose
此前看到一随笔（@任天缘 原文）讲了这个问题，并总结了： 【display: none】：隐藏元素及元素内的所有内容，并且该元素的位置、宽高等其他属性值一并“消失”； 【visibility: hidden】：隐藏元素及元素内的所有内容，但是该元素的位置、宽高等属性值仍然还在。 也有总结：（@Nicholas_F の 领域 原文） display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。 visi...