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標簽是頭標簽,它用於定義文檔的頭部,它是所有頭部元素的容器。
③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前端程序員。
文章來源:原創凱哥的故事