HTML5
文章平均质量分 58
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的新一代标准,是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。
pan_junbiao
这个作者很懒,什么都没留下…
展开
-
DOM获取元素并修改内容:getElementById()方法、value属性、innerHTML属性、innerText属性
Document 对象,当 HTML 文档加载到 Web 浏览器中时,它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。innerHTML 属性声明了元素含有的 HTML 文本,不包括元素本身的开始标记和结束标记。通过该属性可以为指定的 HTML 文本替换元素内容。innerText 属性与innerHTML 属性的功能类似,只是该属性只能声明元素包含的文本内容,即使指定的是 HTML 文本,它也会认为是普通文本而原样输出。原创 2024-09-25 15:23:45 · 475 阅读 · 0 评论 -
HTML中的<fieldset>标签元素框的使用
HTML 提供的 标签用于在表单中分组相关元素。 标签为 fieldset 元素定义标题。 标签会在相关元素周围绘制一个框。使用 标签,显示博客信息。原创 2024-08-15 12:08:56 · 397 阅读 · 0 评论 -
HTML5表单的自动验证、取消验证、自定义错误信息
通过在元素中使用属性的方法,该属性可以实现在表单提交时执行自动验证的功能。下面是关于对元素内输入内容进行限制的属性的指定。pattern 属性的主要目的是根据表单控件上设置的格式规则验证输入是否为有效格式。通过在 input 元素中使用pattern 属性,并将属性值设为某个格式的正则表达式,该属性实现在提交表单时会检查其内容是否符合给定格式。原创 2024-07-09 17:01:34 · 1309 阅读 · 0 评论 -
HTML5新增的input元素属性:placeholder、required、autofocus、min、max等
HTML5 大幅度地增加与改良了 input 元素的属性,可以简单地使用这些属性来实现 HTML5 之前需要使用 JavaScript 才能实现的许多功能。placeholder 属性:当用户没有输入值时,输入型控件可以通过placeholder 属性向用户显示描述说明或者提示信息。使用placeholder 属性只需要将说明性文字作为该属性的值即可。除了普通的文本输入框,email、number、url 等其他类型的输入框也都支持placeholder 属性。原创 2024-07-08 18:14:28 · 910 阅读 · 0 评论 -
HTML5使用<output>标签:显示一些计算结果
HTML5 提供的 output 标签,用于显示出一些计算的结果或者脚本的其他结果。output 标签必须从属于某个表单,也就是说,必须将 output 标签写在表单内部,或者在该元素中添加 form 属性。使用 output 标签输入结果。原创 2024-07-08 11:37:48 · 195 阅读 · 0 评论 -
HTML5新增的input元素类型:number、range、email、color、date等
HTML5 大幅度地增加与改良了 input 元素的种类,可以简单地使用这些元素来实现 HTML5 之前需要使用 JavaScript 才能实现的许多功能。到目前为止,大部分浏览器都支持 input 元素的种类。对于不支持新增 input 元素的浏览器,input 元素被统一视为 text 类型。另外,HTML5 中也没有规定这些元素在浏览器中的外观形式,因此同样的 input 元素在不同的浏览器中可能会有不同的外观。下面将详细介绍这些新增的 input 元素的类型。daterange。原创 2024-07-08 16:22:22 · 1053 阅读 · 0 评论 -
HTML5使用<progress>进度条、<meter>刻度条
定义进度信息使用的是 progress 标签。它表示一个任务的完成进度,这个进度可以是不确定的,只是表示进度正在进行,但是不清楚还有多少工作量没有完成,也可以用0到某个最大数字(如:100)之间的数字来表示准确的完成情况(如:进度百分比)。表示已经完成了多少工作量表示总共有多少工作量在网页中使用 progress 标签添加进度条。原创 2024-07-06 17:55:28 · 773 阅读 · 0 评论 -
HTML5使用<details>标签:展开/收缩信息
details 标签提供了一种替代 JavaScript 的方法,它主要是提供了一个展开/收缩区域。details 标签中可以使用 summary 标签从属于 details 标签,单击 summary 标签中的内容文字时,details 标签中的其他所有从属元素将会展开或收缩。details 标签可以可选地接受 open 属性,以确保在页面载入时该元素是展开的。使用<details>标签实现展开/收缩信息。原创 2024-07-06 16:54:22 · 611 阅读 · 0 评论 -
HTML5使用<mark>标签:高亮显示文本
mark 标签用于表示页面中需要突出显示或高亮的一段文本,这段文本对于当前用户具有参考作用。它通常在引用原文以引起读者注意时使用。标签的作用相当于使用一支荧光笔在打印的纸张上标出一些文字。它与强调不同,对于强调,我们使用标签。但是如果有一些已有的文本,并且想要让文本中没有强调的内容处于显眼的位置,可以使用标签并将其样式化为斜体等。在页面中高亮显示关键字。原创 2024-07-06 16:10:04 · 718 阅读 · 0 评论 -
HTML5使用<blockquote>标签:段落缩进
使用<blockquote>标签可以实现页面文字的段落缩进。这一标签也是每使用一次,段落就缩进一次,并且可以嵌套使用,以达到不同的缩进效果。使用<blockquote>标签实现段落缩进。原创 2024-07-06 15:37:46 · 385 阅读 · 0 评论 -
HTML5使用<pre>标签:保留原始排版方式
在网页创作中,一般是通过各种标记对文字进行排版的。但是在实际应用中,往往需要一些特殊的排版效果,这样使用标记控制起来会比较麻烦。解决的方法就是保留文本格式的排版效果,如空格、制表符等。如果要保留原始的文本排版效果,则需要使用。使用<pre>标签保留原始排版方式。原创 2024-07-06 15:23:39 · 509 阅读 · 0 评论 -
FontAwesome图标字体库和CSS框架
1、CSS框架简介Font Awesome是一套绝佳的图标字体库和CSS框架,为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。仅一个Font Awesome字库,就几乎包含了与网页相关的形象图标。Font Awesome完全不依赖JavaScript,因此无需担心兼容性。框架创始人:戴夫·甘迪(Dave Gandy)中文网站:https://fontawesome.dashgame.com/2、使用方法(1)原创 2020-11-13 11:59:11 · 3989 阅读 · 0 评论 -
HTML标记语言
1、HTML标记语言HTML的全称是Hyper Text Markup Language,即超文本标记语言。HTML是一种在互联网上常见的网页制作标记性语言,HTML用于描述超文本中内容的显示方式。使用 HTML 可以实现在网页中定义一个标题、文本或者表格等。严格的说,HTML 并不能算作是一种程序设计语言,因为它缺少了程序设计语言所应有的特征。HTML是通过浏览器的翻译,将网页中的内容呈现...原创 2019-08-06 17:17:03 · 4083 阅读 · 0 评论 -
HTML中Table表格的使用与漂亮的表格模板
1、表格标记表格是网页中十分重要的组成元素。表格用来存储数据,包含标题、表头、行和单元格。在HTML语言中,表格标记使用符号<table>表示。定义表格光使用<table>是不够的,还需要定义表格中的行、列、标题等内容。标记 说明 表格标记<table> <table></table>标记表示整个表格。<ta...原创 2019-08-04 18:12:05 · 71781 阅读 · 17 评论 -
解决页面favicon.ico文件不存在提示404问题
所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳f...原创 2019-07-01 16:05:35 · 118625 阅读 · 5 评论 -
HTML中Form表单的使用
1、form表单标记表单标记以<form>标记开头,以</form>标记结尾。在表单标记中可以定义处理表单数据程序的URL地址等信息。<form>标记的基本语法如下:<form action="url" method="get | post" name="formName" onsubmit="" target=""></for...原创 2019-06-20 15:16:26 · 55203 阅读 · 6 评论 -
HTML进度条的制作
HTML进度条的制作1、HTML代码经验值:<span class="progress-bar"><b style="width:50px;"> </b></span>2、CSS样式.progress-bar, .progress-bar b{background: url("/images/ico.png") no原创 2013-09-30 13:47:53 · 6003 阅读 · 0 评论 -
DOM自定义属性:getAttribute()、setAttribute()、removeAttribute()函数
1、函数语法elementNode.attributes:属性返回包含被选节点属性的 NamedNodeMap。elementNode.getAttribute(name):方法通过名称获取属性的值。elementNode.setAttribute(name, value):方法创建或改变某个新属性。elementNode.removeAttribute(name):方法通过名称删...原创 2013-07-07 11:57:38 · 11158 阅读 · 2 评论 -
DOM动态添加与删除HTML节点:appendChild()、removeChild()函数
1、函数语法createElement(name):方法可创建元素节点,此方法可返回一个 Element 对象。appendChild(node):方法在指定元素节点的最后一个子节点之后添加节点,该方法返回新的子节点。removeChild(node):方法可从子节点列表中删除某个节点。elementNode.childNodes:属性返回包含被选节点的子节点的 NodeList。...原创 2013-07-07 11:26:58 · 11929 阅读 · 0 评论 -
HTML应用经验
1、添加网站个性小图标2、<img>标签图片加载失败处理3、rel="nofollow"告诉搜索引擎的爬虫无需追踪目标页1、添加网站个性小图标<link href="/images/xianbey.ico" rel="shortcut icon">2、<img>标签图片加载失败处理<img src="/images原创 2012-12-01 10:10:26 · 703 阅读 · 0 评论 -
网页中嵌入多媒体文件
1、介绍: 我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是OBJECT和EMBED标签。OBJECT标签是用于windows平台的IE浏览器的,而EMBED是用于windows和 Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。windows平台的IE利用Activex控件来播放flash而...转载 2012-11-10 09:57:49 · 1208 阅读 · 0 评论 -
checkbox全选操作
1、全选//参数1:点击“全选”多选钮ID//参数2:需要被全选的多选钮Namefunction checkAll(id, checkname) { var obj = document.getElementById(id); if (obj.checked) { $("input[name='" + checkname + "']").att原创 2011-11-26 22:07:50 · 1081 阅读 · 0 评论 -
HTML常用标签
简介超文本标记语言(HTML)是Web用于创建和识别文档的标准语言。这些标记都是通过使用标签来完成的,标签可指定网页在浏览器中的显示方式。HTML也称超文本,因为HTML文档包含一些链接,使得用户可以条到同以文档的不同位置或跳到其他文档、图像等。HTML文档的结构HTML文档主要由3部分组成。1.HTML部分:<HTML> </HTML>2.头部:&l...原创 2010-02-16 16:01:00 · 2663 阅读 · 0 评论