当前位置:首页 » 网页前端 » web头部容器
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web头部容器

发布时间: 2022-09-19 10:24:35

A. 什么是web容器,有什么作用

web容器 就是在网页上可以运行的容器了
容器就是可以在上页放控件的控件了

窗体,选项卡,组都可以放上控件

B. 什么叫web容器以及作用

tomcat 是SERVLET的容器。

web 容器就是实现了JAVA的那些接口:javax.servlet。
而且JSP也是SERVLET的

web 容器启动后一直运行,监听所有提交到他所监控的那个端口的请求,并对此做出反映。

个人理解, 之前有看过人家别人写的web容器的例子, 不过忘记了,如果你写深入理解, 自己搜索把。

C. Java中Web容器

Web容器就是Web服务器,为web请求提供响应,常用的有tomcat,resin,weblogic等,web容器没有什么时候加载这样的说法,web容器只有像QQ一样有没有运行起来,serlvet才需要加载的,在客户端第一次调用时加载,以后这个servlet就不用再加载了,直到不用了,destroy掉。

D. 谁给说下web容器的具体概念,除了web容器外还有其他的容器吗

1. 架构概述

J2EE体系包括java server pages(JSP) ,java SERVLET, enterprise bean,WEB service等技术。这些技术的出现给电子商务时代的WEB应用程序的开发提供了一个非常有竞争力的选择。怎样把这些技术组合起来形成一个适应项目需要的稳定架构是项目开发过程中一个非常重要的步骤。完成这个步骤可以形成一个主要里程碑基线。形成这个基线有很多好处:

各种因数初步确定

为了形成架构基线,架构设计师要对平台(体系)中的技术进行筛选,各种利弊的权衡。往往架构设计师在这个过程中要阅读大量的技术资料,听取项目组成员的建议,考虑领域专家的需求,考虑赞助商成本(包括开发成本和运行维护成本)限额。一旦架构设计经过评审,这些因数初步地就有了在整个项目过程中的对项目起多大作用的定位。

定向技术培训

一旦架构师设计的架构得到了批准形成了基线,项目开发和运行所采用的技术基本确定下来了。众多的项目经理都会对预备项目组成员的技术功底感到担心;他们需要培训部门提供培训,但就架构师面对的技术海洋,项目经理根本就提不出明确的技术培训需求。怎不能够对体系中所有技术都进行培训吧!有了架构里程碑基线,项目经理能确定这个项目开发会采用什么技术,这是提出培训需求应该是最精确的。不过在实际项目开发中,技术培训可以在基线确定之前与架构设计并发进行。

角色分工

有了一个好的架构蓝图,我们就能准确划分工作。如网页设计,JSP 标签处理类设计,SERVLET 设计,session bean设计,还有各种实现。这些任务在架构蓝图上都可以清晰地标出位置,使得项目组成员能很好地定位自己的任务。一个好的架构蓝图同时也能规范化任务,能很好地把任务划分为几类,在同一类中的任务的工作量和性质相同或相似。这样工作量估计起来有一个非常好的基础。

运行维护

前面说过各个任务在架构图上都有比较好的定位。任何人能借助它很快地熟悉整个项目的运行情况,错误出现时能比较快速地定位错误点。另外,有了清晰的架构图,项目版本管理也有很好的版本树躯干。

扩展性

架构犹如一颗参天大树的躯干,只要躯干根系牢,树干粗,长一些旁支,加一些树叶轻而易举无疑。同样,有一个稳定的经得起考验的架构,增加一两个业务组件是非常快速和容易的。

大家都知道这些好处,一心想形成一个这样的J2EE应用程序架构(就像在windows平台中的MFC)。在这个路程中经历了两个大的阶段:

1.1. 模型1

模型1其实不是一个什么稳定架构,甚至谈不上形成了架构。模型1的基础是JSP文件。它从HTTP的请求中提取参数,调用相应的业务逻辑,处理HTTP会话,最后生成HTTP文档。一系列这样的JSP文件形成一个完整的模型1应用,当然可能会有其他辅助类或文件。早期的ASP 和 PHP 技术就属于这个情况。

总的看来,这个模型的好处是简单,但是它把业务逻辑和表现混在一块,对大应用来说,这个缺点是令人容忍不了的。

1.2. 模型2

在经过一番实践,并广泛借鉴和总结经验教训之后,J2EE应用程序终于迎来了MVC(模型-视图-控制)模式。MVC模式并不是J2EE行业人士标新立异的,所以前面我谈到广发借鉴。MVC的核心就是做到三层甚至多层的松散耦合。这对基于组件的,所覆盖的技术不断膨胀的J2EE体系来说真是福音和救星。

它在浏览器(本文对客户代理都称浏览器)和JSP或SERVLET之间插入一个控制组件。这个控制组件集中了处理浏览器发过来的HTTP请求的分发逻辑,也就是说,它会根据HTTP请求的URL,输入参数,和目前应用的内部状态,把请求分发给相应的WEB 层的JSP 或SERVLET。另外它也负责选择下一个视图(在J2EE中,JSP,SERVLET会生成回给浏览器的html从而形成视图)。集中的控制组件也有利于安全验证,日志纪录,有时也封装请求数据给下面的WEB tier层。这一套逻辑的实现形成了一个像MFC的应用框架,位置如图:

1.3. 多层应用

下图为J2EE体系中典型的多层应用模型。

Client tier客户层

一般为浏览器或其他应用。客户层普遍地支持HTTP协议,也称客户代理。

WEB tier WEB应用层

在J2EE中,这一层由WEB 容器运行,它包括JSP, SERVLET等WEB部件。

EJB tier 企业组件层

企业组件层由EJB容器运行,支持EJB, JMS, JTA 等服务和技术。

EIS tier 企业信息系统层

企业信息系统包含企业内传统信息系统如财务,CRM等,特点是有数据库系统的支持。

应用框架目前主要集中在WEB层,旨在规范这一层软件的开发。其实企业组件层也可以实现这个模型,但目前主要以设计模式的形式存在。而且有些框架可以扩充,有了企业组件层组件的参与,框架会显得更紧凑,更自然,效率会更高。

2. 候选方案

目前,实现模型2的框架也在不断的涌现,下面列出比较有名的框架。

2.1. Apache Struts

Struts是一个免费的开源的WEB层的应用框架,apache软件基金致力于struts的开发。Struts具是高可配置的性,和有一个不断增长的特性列表。一个前端控制组件,一系列动作类,动作映射,处理XML的实用工具类,服务器端java bean 的自动填充,支持验证的WEB 表单,国际化支持,生成HTML,实现表现逻辑和模版组成了struts的灵魂。

2.1.1. Struts和MVC

模型2的目的和MVC的目的是一样的,所以模型2基本可以和MVC等同起来。下图体现了Struts的运作机理:

2.1.1.1. 控制

如图所示,它的主要部件是一个通用的控制组件。这个控制组件提供了处理所有发送到Struts 的HTTP请求的入口点。它截取和分发这些请求到相应的动作类(这些动作类都是Action类的子类)。另外控制组件也负责用相应的请求参数填充 From bean,并传给动作类。动作类实现核心商业逻辑,它可以通过访问java bean 或调用EJB。最后动作类把控制权传给后续的JSP 文件,后者生成视图。所有这些控制逻辑利用一个叫struts-config.xml文件来配置。

2.1.1.2. 模型

模型以一个或几个java bean的形式存在。这些bean分为三种:

Form beans(表单Beans)

它保存了HTTP post请求传来的数据,在Struts里,所有的Form beans都是 ActionFrom 类的子类。

业务逻辑beans

专门用来处理业务逻辑。

系统状态beans

它保存了跨越多个HTTP 请求的单个客户的会话信息,还有系统状态。

2.1.1.3. 视图

控制组件续传HTTP请求给实现了视图的JSP文件。JSP能访问beans 并生成结果文档反馈到客户。Struts提供JSP 标签库: Html,Bean,Logic,Template等来达到这个目的,并有利于分开表现逻辑和程序逻辑。

2.1.2. Struts的细节分析

2.1.2.1. 视图-控制-模型

用户发出一个*.do的HTTP请求,控制组件接收到这个请求后,查找针对这个请求的动作映射,再检查是否曾创建过相应的动作对象(action实例),如果没有则调用actionmapping生成一个动作对象,控制组件会保存这个动作对象供以后使用。接着调用actionmapping的方法得到actionForm对象。之后把actionForm作为参数传给动作对象的perform方法,这个方法结束之后会返回给控制组件一个 actionforward对象。控制组件接着从这个对象中获取下一个视图的路径和重定向属性。如果为重定向则调用HTTPSERVLETREPONSE的方法来显示下一个视图,否则相继调用requestdispatcher, SERVLETcontext的方法续传HTTP请求到下一个视图。

当动作对象运行perform方法时,可能出现错误信息。动作对象可以保存这些错误信息到一个error对象中,接着调用自身的saveerrors方法把这个错误保存到request对象的属性中。接着动作对象调用actionmapping对象的getInput方法从动作映射中获取input参数,也就是产生输入的视图,并以这个input为参数生成一个actionforward对象返回。这个input参数的JSP中一般有HTTP:errors定制标签读取这些错误信息并显示在页面上。

2.1.2.2. 模型到视图

模型到视图指视图在显示之前装载系统数据到视图的过程。系统数据一般为模型内java bean的信息。示意图表现了由控制组件forward过来的有html:form定制标签的JSP 的处理逻辑。

html:form定制标签处理对象从application scope(通过查询SERVLETCONTEXT对象的属性来实现)获取先前由控制组件actionSERVLET放在那里的动作映射等对象,由html:form 的action属性查得actionform名字、类型和范围等信息,在相应的范围内查找actionform,如果有则利用它的信息填充html form表单[实际填充动作在嵌套的html:text等定制标签的处理对象中]。否则在相应范围内创建一个actionform 对象。

2.1.3. 优缺点

优点:

一些开发商开始采用并推广这个框架

作为开源项目,有很多先进的实现思想

对大型的应用支持的较好

有集中的网页导航定义

缺点:

不是业届标准

对开发工具的支持不够

复杂的taglib,需要比较长的时间来掌握

html form 和 actionform的搭配比较封闭,但这也是它的精华所在。

修改建议

把actionform属性的设置器和访问器修改成读取或生成xml文档的方法,然后 html form和actionform之间用xml文档进行数据交换,使之松散耦合,适应数据结构易变化的应用。

2.2. JATO

JATO应用程序框架是iPlanet 应用程序框架的旧名。它是一个成熟的、强大的,基于J2EE标准的面向于开发WEB应用程序的应用框架。结合了显示字段、应用程序事件、组件层次和以页面为中心的开发方法、以及MVC和服务到工作者service-to-workers的设计模式等概念。JATO可适用于中、大、超大规模的WEB应用。但是它也不是一个企业层的应用框架,也就是说它不会直接提供创建EJB, WEB services等企业层组件的方法,但用它可以构造出访问企业层组件的客户应用。

这个框架功能主要有三部分组成:

iPlanet应用框架核心;

iPlanet应用框架组件;

iPlanet应用框架扩展。

应用框架核心定义了基本接口、对象协议、简单组件,以及iPlanet应用框架程序的最小核心。包括视图简单组件、模型简单组件、请求分发组件和可重用命令对象。iPlanet应用框架组件利用框架核心定义的基本接口、协议和组件向开发者提供高层的重用组件,这些组件既有与特定视觉效果无关的水平组件,同时也有适应特定实用环境、提高可用性而特意提供的垂直型组件。框架扩展实现了用框架相容的方法访问非J2EE环境的方法。通常情况下,扩展被框架应用程序用来无缝访问J2EE容器特定功能。JATO平台栈图很清楚地表达了这个情况。

JATO最大的威力在:对于快速开发用户,你能利用框架组件和扩展提高生产率,对于要求更大灵活性的用户,你能实现框架核心提供的接口来保持应用的框架兼容性。

此图表示实现一个JATO应用程序,可以简单地实现控制组件mole1Servlet,视图组件ListCustomersViewBean和模型组件CustomersMoleImpl,以及一个给客户代理显示界面的ListCustomers.jsp文件。并清楚地表明这些组件与JATO框架组件的继承关系。

JATO标签库提供了VIEW对象与JSP文件的接口。库中标签处理程序负责实现VIEW对象和JSP产生地客户端文档的信息同步和交换。这个图清楚地表达了这种对应关系

2.2.1. MVC分析

前端控制组件接收用户发来的任何请求,这个可在WEB.xml中指定请求分发组件负责视图管理和导航,和前端控制组件封装在ApplicationSERVLETBase一起实现。应用程序开发者需要为每一个子系统(人力资源,财务,CRM等)实现一个此类的继承。

请求分发组件分发请求给工作者,工作者实现了command接口。应用开发者可以实现这个接口。JATO提供了一个缺省实现:DefaultRequestHandingCommand,这个实现会把请求传给视图组件的特定事件。

组合视图是指视图组件在显示给用户时的层次关系:根视图是一个ViewBean类的对象字段是一个DisplayField类的对象,容器视图是一个ContainerView类的对象。视图组件类的层次关系如下图:

2.2.2. 优缺点分析

优点:

这种框架的适应范围大,即提供了底层接口,也有立即可用的组件

具有与客户端RAD开发工具相似的开发概念如页为中心(等同于VB的FORM),事件处理等.

对大型的应用支持较好

缺点:

不是业届标准

目前还没有开发工具的支持(然JATO已经为工具支持做好了准备)

没有定义网页导航,开发者在视图中自己指定具体的导航URL

修改建议

把众多的VIEW/MODEL对应修改成xml文档传递数据,加上集中的网页导航定义

2.3. JSF(JavaServer Faces)

JSF是一个包括SUN在内的专家组正在定义的开发WEB应用用户界面的框架,JSF 技术包括:

一组API,它实现UI了组件,管理组件的状态,处理事件,输入校验,定义页面导航,支持国际化和访问;

一个JSP定制标签库实现与JSP的接口。

JSF非常简单,是一个定义良好的编程模型。利用这个技术,开发者通过在页面内组合可重用的UI组件,在把这些组件和应用的数据源相连,路由客户产生的事件到服务器端的事件处理器进行编程。JSP处理了所有幕后的复杂工作,使得开发者把关注重点放在应用代码上。

2.3.1. STRUTS、JATO和JSF比较

它们之间有部分重叠,但重点不一样。

STRUTS和JATO都提供了一个MVC式的应用模型,而JSF只在用户界面上提供编程接口。这意味着前两者涉及的范围比后者广。JSF可以成为前两者在UI开发的部分。

JSF的规范的发布版将在 2002年底发布,实现可能要比这个时间晚些。另外将会有工具支持这个框架的应用开发。

2.4. WAF

WAF是WEB APPLICATION FRAMWORK的简称,是SUN蓝皮书例子程序中提出的应用框架。它实现了 MVC和其他良好的设计模式。

2.4.1. 细节分析

2.4.2. 视图-控制-模型

如图所示,开发人员编写的两个xml配置文件定义了WAF的运作参数。Screendefinition.xml定义了一系列的屏幕(screen)。Mapping.xml则定义了某个动作之后应该显示的屏幕,但没有指定屏幕到哪里拿数据。

用户发出一个HTTP请求(*.screen),由TemplateSERVLET屏幕前端控制组件接收,它提取请求信息,设置request对象CurrentScreen属性,再把请求发到模版JSP。模版JSP收到请求后,JSP中的Template标签察看这个当前屏幕,并从屏幕定义文件(Screendefinition.xml)中获取这个屏幕的具体参数,再生成html返回给客户。

假设返回给客户的html中包括了html表单,用户在输入一定数据之后提交,发出一个HTTP请求(*.do)。这个请求被MainSERVLET接收,它提取请求信息,察看动作映射文件(mapping.xml),设置处理这个请求的动作对象(HTTPAction对象),交给requestprosessor对象处理。Requestprosessor对象调用动作对象完成任务,如果需要进一步处理,requestprosessor对象会调用WEBclientcontroler对象的事件处理机制。MainSERVLET在处理完请求之后,从屏幕流管理对象那里得到下一个屏幕,并把请求传给这个屏幕的JSP文件。

值得一提的是WEBclientcontroler事件处理机制最终把HTTP请求的数据传到了EJBAction对象那里处理。这样HTTPAction对象和EJBAction对象形成了两级处理机制,前一级与request对象紧密相关,把数据封装起来形成一个Event对象,再传给了EJBAction对象,后者与Request对象无关。这个方式可以形成一个session级别的数据处理机制。下图显示了这个方法。HTTPAction1对象处理一个请求,并把数据放到一个状态SessionBean内,HTTPAction2也如此,当HTTPAction3接收到HTTP请求之后,把控制传给EJBAction, 后者获取状态SessionBean数据,处理请求,成功后清控状态SessionBean的内容。这个机制非常适应多个输入页面才能满足一个业务的输入数据的情况(比如购物车)。

2.4.3. 优缺点分析

优点

屏幕导航定义明确

为框架的扩展提供了一个空间

缺点

源码比较乱,稳定性和可靠性没人验证。

只是一个框架躯干,没有正式的model层,视图的概念不强

没有模型到视图的定义

修改意见

只有一个框架躯干,正为实现自己的应用框架提供了灵活性。没有僵化的视图概念,提供了在网页输入到模型的扩充接口,比如插入XML数据交换。

E. web容器是什么

web容器是一种服务程序,在服务器一个端口就有一个提供相应服务的程序,而这个程序就是处理从客户端发出的请求,如JAVA中的Tomcat容器,ASP的IIS或PWS都是这样的容器。一个服务器可以多个容器。
参考:http://ke..com/view/3745545.htm

F. Web前端开发基础知识之HTML基础

今天小编要跟大家分享的文章是关于Web前端开发基础知识之HTML基础。想要学习Web前端开发技术的小伙伴都知道,想要学习Web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:


1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。


2.CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。


3.
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉列表。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

那么下面我们重点来说一说HTML基础知识


HTML指的是超文本标记语言(HyperTextMarkupLanguage)


HTML不是一种编程语言,而是一种标记语言(markuplanguage)


标记语言是一套标记标签(markuptag)


HTML使用标记标签来描述网页


一、HTML标签


HTML标签是由尖括号包围的关键词,比如


HTML标签通常是成对出现的,标签对中的第一个标签是开始标签,第二个标签是结束标签

标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:
里嵌套

,那么

必须放在

G. Web前端初学者一定要会的知识点-HTML部分

今天小编要跟大家分享的文章是关于Web前端初学者一定要会的知识点-
HTML部分。正在从事web前端工作的小伙伴们都知道,作为web前端的初学者,想要学习web前端,首先要学HTML。

关于HTML基础知识,首先是要掌握一些常用标签的使用和他们的各个属性,这些常用的标签我总结了一下有以下这些:


html:页面的根元素。


head:页面的头部标签,是所有头部元素的容器。body:页面的主体标签,页面展现的内容就放置在这里面。


title:页面的标题。


meta:位于文档的头部,提供页面的元信息,包括关键字、描述等等。


link:定义文档与外部资源的关系,最常用的用途就是引入样式表。


script:脚本标签,可以把js脚本代码放置在这个标签内,也可以使用这个标签的src属性引入一个外部标签。


style:样式标签,可以把css代码写在这个标签中。a:超链接,href属性代表要链接到的地方,target属性代表打开方式。img:图像标签,src属性表示图片的位置。form:表单元素,它内部的input、select、textarea等标签都是比较重要的。div:定义文档中的分区或节,可以使用div来进行页面的布局等操作。另外还有ul、li、p、button、iframe、p、table等标签也很常用,nav、section、article、header、aside、footer等语义化标签也需要了解一下。


除了要了解上面这一些标签之外,还需要对一些新的HTML5的API有一定的了解:


·audio、video标签。


·Canvas:定义图形,比如图表和其他图像。


·input标签的accept属性,email、phone、url等类型。


·getElementByClassName根据class名来获取一个元素结点。


·Multiplefileselection多文件选择属性。


·html的import、template


·process标签,webGL等内容。


还有一些要知道的知识点:


1.doctype的作用。


2.unicode、utf8等编码的原理和区别。


3.如何进行页面性能优化。


4.png、jpg、webp、gif等图片格式的不同的优势。


5.HTML行内元素与块级元素的区别。


6.移动web端开发常用head标签。


7.web语义化。


8.浏览器中的缓存原理


以上就是小编今天为大家分享的关于Web前端初学者一定要会的知识点-
HTML部分的文章希望本篇文章能够对正在学习web前端的初学者们有所帮助。想要了解跟多web相关学习知识记得关注北大青鸟web培训官网!


H. java问题:什么是web容器列举几个常见的web容器

Web Container也是一个组件,是J2EE本身提供的。它封装了一般Web组件与Web Server打交道的一些底层的细节。就是说,你自己开发的组件并不是直接调用WebServer的功能,而是通过Web Container间接与WebServer对话,这样你就不许要知道许多关于WebServer的底层技术。

I. 如何选择适合的web容器

例如apache、nginx等都是此类。
不过现实中很多web服务器出于种种考虑回内置针对特定语言或架构的处理体系,例如iis内置了asp.net的处理架构,apache也可以通过扩展提供php、rails等处理架构(这些特别内置的模块,你也可以简单理解为web容器了)。
如果web服务器自己不处理特别请求,那么可以通过cgi等方式转发给后端处理,例如apache、nginx都可以通过fastcgi将请求转发给后端端口,例如php-fpm服务,或python的什么服务等等。
其实在java之前一直不太有web容器这种说法,到目前似乎也只有java是这么提的。这主要是因为整个java的web开发是基于javaEE的servlet技术体系,该体系规范规定了web请求的整个生命周期的方方面面。
但是规范只是规定了实现的标准,或者说是接口(interface),具体实现都是各厂商自己搞定,所以这就出现了各种不同的web容器,例如tomcat、jetty、jboss等等。
又说回来,这些容器为了方便开发者,大多都提供了web服务器的功能,不过和专业的web服务器相比总有些缺失不足,所以一般只用来做开发用,生产环境主要还是作为后端服务。

J. Web前端开发知识之HTML5常用标签简介

今天小编要跟大家分享的文章是关于Web前端开发知识点之HTML5常用标签简介。正在从事Web前端工作和学习的小伙伴们来和小编一起看一看吧,希望本篇文章能够对大家有所帮助。

HTML5常用标签


HTML5的标签有很多很多,如果全部学完很难,我在这里介绍一些比较常用的标签,我把它们大致分成7类:文件标签、文本标签、图片标签、列表标签、链接标签、表格标签和表单标签。


一、文件标签


文件标签是构成HTML最基本的标签。我在这里讲解四个最基本的文件标签。


①html标签


html标签是HTML文档的根标签,用来告知浏览器其自身是一个HTML文档,与标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。


②head标签


head标签是头标签,它用于定义文档的头部,它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等,它描述了文档的各种属性和信息,包括文档的标题、在Web中的位置以及和其他文档的关系等。


③title标签


title标签是标题标签,它可定义文档的标题。浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。


④body标签


body标签是体标签,它定义文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等)。


二、文本标签


文本标签就是和文本有关的标签,我在这里简单介绍几种文本标签。


①注释标签


注释标签()用于在源代码中插入注释。注释不会显示在浏览器中。可以使用注释对代码进行解释,这样做有助于在以后的时间对代码的编辑。当编写了大量代码时尤其有用。


②h1~h6标签


h1~h6标签是标题标签,它可以定义标题,从h1到h6字体不断变小。


③p标签


p标签是段落标签,它可以定义段落。它会自动在其前后创建一些空白。浏览器会自动添加这些空间,也可以在样式表中规定。


④br标签


br标签是换行标签,它可以插入一个简单的换行符。br标签是空标签(意味着它没有结束标签,因此这是错误的:

)。


⑤hr标签


hr标签是分隔线,它可以在HTML页面中创建一条水平线,可以在视觉上将文档分隔成各个部分。


⑥b、i标签


b、i标签分别是加粗、斜体标签。


三、图片标签


图片标签比较简单,只有一个img标签,我来说一下img标签常用的属性。


src属性:规定显示图像的URL。


alt属性:规定图像的替代文本。当图像加载失败时就会显示该文本。


align属性:规定图像的对齐方式。


width属性:设置图像的宽度。


height属性:设置图像的高度。


四、列表标签


列表标签也比较常用,它包括有序列表和无序列表。


①有序列表


ol标签用来定义有序列表。


li标签用来定义列表项。


type属性规定在列表中使用的标记类型。属性值包括1、A、a等。


②无序列表


ul标签用来定义无序列表。


li标签用来定义列表项。


type属性规定在列表中使用的标记类型。属性值包括disc、square、circle。


五、链接标签


链接标签也比较简单,只有一个a标签,它可以定义超链接,用于从一张页面链接到另一张页面。下面介绍一些属性。


href属性:这是超链接最重要的属性,它规定链接指向的页面的URL。


target属性:规定在何处打开链接文档。


·_self属性值(默认):在当前页面打开;


·_blank属性值:在空白页面打开。


六、表格标签


HTML表格需要使用table标签来定义。


简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行,th元素定义表头,td元素定义表格单元。


更复杂的HTML表格也可能包括caption、col、colgroup、thead、tfoot以及tbody元素。


表格的常用属性比较多,下面列举几个:


align属性:规定表格相对周围元素的对齐方式。


bgcolor属性:规定表格的背景颜色。


border属性:规定表格边框的宽度。


cellpadding属性:规定单元边沿与其内容之间的空白。


cellspacing属性:规定单元格之间的空白。


width属性:规定表格的宽度。


七、表单标签


表单是用于采集用户输入的数据的,用于和服务器进行交互。form标签用于为用户输入创建HTML表单。表单标签有两个常用的属性:


action属性:规定当提交表单时向何处发送表单数据。


method属性:规定用于发送form-data的HTTP方法。包括两个属性值:


get属性值:请求的参数会在地址栏显示;参数大小有限制;不太安全。


post属性值:请求参数封装在请求体中;参数大小没有限制,较为安全。


表单标签中通常会带有表单项标签,比如input、select、textarea等。


①input标签


input标签用于搜集用户信息。根据不同的type属性值,输入字段拥有很多种形式。


·text属性值(默认):定义单行的输入字段,用户可在其中输入文本。


·password属性值:定义密码字段。该字段中的字符被掩码。


·radio属性值:定义单选按钮。注意同一组选项中name属性值必须一致。


·checkbox属性值:定义复选框。


·file属性值:定义输入字段和"浏览"按钮,供文件上传


·hidden属性值:定义隐藏的输入字段。


·submit属性值:定义提交按钮。提交按钮会把表单数据发送到服务器。


·image属性值:定义图像形式的提交按钮。


·button属性值:定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)。


②select标签


select标签可以创建单选或多选菜单。option标签用于定义列表中的可用选项。select标签的常用属性有:


·name属性:规定下拉列表的名称。


·size属性:规定下拉列表中可见选项的数目。


·required属性:规定文本区域是必填的。


·multiple属性:规定可选择多个选项。


③textarea标签


textarea标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,可以通过cols和rows属性来规定textarea的尺寸,不过更好的办法是使用CSS的height和width属性。


以上就是小编今天为大家分享的关于Web前端开发知识之HTML5常用标签简介的文章,希望本篇文章能够对正在从事Web前端工作和学习的小伙伴们有所帮助,想要了解更多Web前端知识记得关注北大青鸟Web培训官网,最后祝愿小伙伴们工作顺利,学习成功,成为一名优秀的Web前端程序员。


文章来源:原创凯哥的故事