实例带有指定 tab 键顺序的链接：<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a> <a href="http://www.google.com/" tabindex="1">Google</a> <a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>浏览器支持几乎所有浏览器均 tabindex 属性，除了 Safari。定义和用法tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。提示和注释注释：以下元素支持 tabindex 属性：<a>, <area>, <...
实例规定不应翻译某些元素：<p translate="no">请勿翻译本段。</p> <p>本段可被译为任意语言。</p>浏览器支持所有主流浏览器都无法正确地支持 translate 属性。定义和用法translate 规定是否应该翻译元素内容。提示：请使用 class="notranslate" 替代。HTML 4.01 与 HTML5 之间的差异translate 属性是 HTML5 中的新属性。语法<element translate="yes|no">属性值值描述yes规定应该翻译元素内容。no规定不应翻译元素内容。支持的标签...
做一个水平和垂直居中的模态弹框这么一个小需求，对于我们这些前端来说，应该是常事。 在css3出来以前，我们要想让元素既水平居中又要垂直居中只有一个办法（我能想到的），就是通过js计算，把它们定位到屏幕中间位置。这方法比较笨，也麻烦。 下面两种方式，可以让元素快速定位到屏幕中间。 flex布局<style>.flex-mask {display: flex;position: fixed;z-index: 1;top: 0;left: 0;bottom: 0;right: 0;align-items: cen...
在IE8浏览器下用name属性去获取dom元素时居然是不区分大小写的。 比如：<input type=text name=C1/> <input type=text name=c1/>如上有2个input输入框，它们的name属性分别是大写C1和小写c1 在获取元素时，在谷歌浏览器下使用jqury获取：$("input[name=c1]").length // 1如上代码在I8下运行时获取的dom元素是2。 改为js原生方法来获取：document.getElementsByName(c1).length document.querySelectorAll("input[name=c1").length以...
以前获取dom元素基本都是通过js的document.getElementById()或者document.getElementByName等方法或者通过jQ的选择器来选择,但其实html的name属性也可以用来直接获取dom元素,代码如下所示:<!DOCTYPE html> <html> <head> <script>function check(){listForm.sel.checked=true;}</script></head><body><form name="listForm"><input type="checkbox" name="sel"/></form><input type="button" value="button" onclick="check();"/><...
HTML 超链接（锚文本）默认打开方式与默认链接URL地址标签元素一、语法与结构<base target="_blank" href="http://www.lpcblog.com/" />二、Html base超链接默认打开地址与打开方式标签使用说明 1、Target 值： 1、_blank 新窗口打开URL链接 2、_parent 在本网页刷新全新打开对应URL地址 3、_self 4、_top 这里target 值与a链接的target值相同使用方法 2、Href值： 可以是URL地...
我家附近有一个私人的小英语学习机构，里面聘请的外教都是一些非正规的外教，几乎所有的外教都对我说，英语国家的孩子从来不学音标，它们看到单词就知道发音。这让我们这些必须看音标学英语的学生好诧异。汉字是有拼音的，英语对我们来说也是有音标的，日本字，韩语也是有音标的，在日本，将音标标记在文字上边的印刷方式叫做”Ruby“或“rubi”。HTML里也有一种专门用来显示音标或注释的标记，就叫做ruby，是采用了日本印刷业的这...
内联元素：只在行内发生作用，设置宽高不起作用，不会影响文字内容，使其换行等。竖直方向和间距也不起作用 display可以强制转换行内元素和块状元素，还可以取消显示none 块元素(block element)address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级元素，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 ...
本人写这篇文章是我在IT修真园里学习了一段时间，反过来复习时整理的。虽然只是些基础知识内容，希望能帮到大家。首先我们要了解所谓的html它的定义是什么？HTML DOM 节点在 HTML DOM （文档对象模型）中，每个部分都是节点：文档本身是文档节点所有 HTML 元素是元素节点所有 HTML 属性是属性节点HTML 元素内的文本是文本节点注释是注释节点Element 对象在 HTML DOM 中，Element 对象表示 HTML 元素。Element 对象可以拥有类型为元...
一、progress元素基本了解基本UIprogress元素属于HTML5家族，指进度条。IE10+以及其他靠谱浏览器都支持。如下简单code:<progress>o(︶︿︶)o</progress>效果： 是个很带感的进度条吧。有人奇怪：“唉~怎么我看到的是个字符表情捏？” 恩…我只能对你说：“鄙视你，丫的都舍不得用靠谱点的浏览器吗？！”这个默认的效果，不同浏览器下的效果不尽相同，如下截图们（window 7下）：IE10颗粒的缓动聚散效果，还是挺让人眼前一亮的。基本...
一、progress元素基本了解1.基本UIprogress元素属于HTML5家族，指进度条。IE10+以及其他靠谱浏览器都支持。如下简单code:1.<progress>o(︶︿︶)o</progress>是个很带感的进度条吧。有人奇怪：“唉~怎么我看到的是个字符表情捏？” 恩…我只能对你说：“鄙视你，丫的都舍不得用靠谱点的浏览器吗？！”这个默认的效果，不同浏览器下的效果不尽相同，如下截图们（window 7下）：IE10颗粒的缓动聚散效果，还是挺让人眼前一亮的。2.基本...
今天一个同事咨询我关于jQuery的filter进行过滤的问题.他查看了jQuery1.7 made by UNREGISERED version of Easy CHM的文档资料.发现里面过于filter的说明无法正常运行成功.后来发现次文档的一些内容有一些bug会误导学习者.同时通过这次filter的研究发现了HTML p元素的问题.之前居然一直没有注意.先给大家看看jQuery1.7 made by UNREGISERED version of Easy CHM中的说明保留子元素中不含有ol的元素。HTML 代码:<p> <ol> <li>Hello<...
今天向你介绍HTML 5中的两个元素：Menu和Menuitem，这两个元素是W3C交互元素中的一部分。现在Web的演变已经不仅仅局限于文档之间的链接，在APPs中，页面的行为越来越多，因此，是时候形成一个Web交互的标准了。Menu和Menuitem是在开发者中谈论最热门的两个元素，可能是由于主流浏览器对其缺乏足够的支持。在我写这篇文章的时候，FireFox已经实现了这个元素。Menu和Nav的对比当谈到Menu时，难免不和Nav元素混淆。区分这两个元素，文...
以下汇总三种行内元素转为块级元素的方法：（1）display（2）float（3）position（absolute和fixed）少说多做，运行以下代码看效果： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 6 <title>行内元素转为块级元素</title> 7 <style type="text/css"> 8 *{ 9 margin: 0;10 padding: 0;1...
HTML5 <footer>标签元素 新增html5底部footer元素标签，对html 5新增footer标签基础认识到了解footer css布局教程做到真正掌握与认识<footer>记得我们在以前html5版本以前布局网页底部版权时，习惯使用id=”footer”或class=”footer”。了解更多html教程标签！比如传统html布局代码：<div id=”footer”> © DIVCSS5.COM 版权所有<br /> 学习CSS，找DIV+CSS资源上DIVCSS5! </div> 但在html5中将此”footer”常用的命名新增...