带来一篇洁净的XHTML语法
HTML5开发的网页文档类型极其简单,就够了,记得5年前还在反复跟团队强调使用XHTML那段冗长的文档类型声明.WritingXHTMLdemandsacleanHTMLsyntax.写XHTML请求利用洁净的HTML语法
--------------------------------------------------------------------------------
SomeMoreXHTMLSyntaxRules:
更多XHTML语律例则:
Attributenamesmustbeinlowercase
属性称号必需为小写
Attributevaluesmustbequoted
属性值利用双引号
Attributeminimizationisforbidden
属性简写是不同意的
Theidattributereplacesthenameattribute
用id属性来替换name属性
TheXHTMLDTDdefinesmandatoryelements
XHTMLDTD界说强迫元素
--------------------------------------------------------------------------------
AttributeNamesMustBeInLowerCase
属性称号必需为小写
Thisiswrong:
这是毛病的:
<tableWIDTH="100%">Thisiscorrect:
这是准确的:
<tablewidth="100%">
--------------------------------------------------------------------------------
AttributeValuesMustBeQuoted
属性值必需带上双引号
Thisiswrong:
这是毛病的:
<tablewidth=100%>Thisiscorrect:
这是准确的:
<tablewidth="100%">
--------------------------------------------------------------------------------
AttributeMinimizationIsForbidden
不同意属性简写
Thisiswrong:
这是毛病的:
<inputchecked>
<inputreadonly>
<inputdisabled>
<optionselected>
<framenoresize>Thisiscorrect:
准确的是如许:
<inputchecked="checked"/>
<inputreadonly="readonly"/>
<inputdisabled="disabled"/>
<optionselected="selected"/>
<framenoresize="noresize"/>HereisalistoftheminimizedattributesinHTMLandhowtheyshouldbewritteninXHTML:
这是在HTML中简写的属性和其在XHTML中应当如何誊写的列表:
HTMLXHTML
compactcompact="compact"
checkedchecked="checked"
declaredeclare="declare"
readonlyreadonly="readonly"
disableddisabled="disabled"
selectedselected="selected"
deferdefer="defer"
ismapismap="ismap"
nohrefnohref="nohref"
noshadenoshade="noshade"
nowrapnowrap="nowrap"
multiplemultiple="multiple"
noresizenoresize="noresize"
--------------------------------------------------------------------------------
TheidAttributeReplacesThenameAttribute
id属性交换name属性
HTML4.01definesanameattributefortheelementsa,applet,frame,iframe,img,andmap.InXHTMLthenameattributeisdeprecated.Useidinstead.
关于a,applet,frame,iframe,img和map,HTML4.01中界说了一个name属</p>12下一页
HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签
带来一篇洁净的XHTML语法
历经多年来的停滞不前,如今全球信息网联盟(WorldWideWebConsortium,W3C)重拾HTML标准化。性,在XHTML中是不同意如许做的,利用id来取代。Thisiswrong:
这是毛病的:
<imgsrc="picture.gif"name="picture1"/>Thisiscorrect:
这是准确的:
<imgsrc="picture.gif"id="picture1"/>Note:Tointeroperatewitholderbrowsersforawhile,youshouldusebothnameandid,withidenticalattributevalues,likethis:
注重:为了版本对照低的扫瞄器,你应当同时利用name和id属性,并使它们两个的值不异的,像如许:
<imgsrc="picture.gif"id="picture1"name="picture1"/>IMPORTANTCompatibilityNote:
兼容性注重点:
TomakeyourXHTMLcompatiblewithtodaysbrowsers,youshouldaddanextraspacebeforethe"/"symbol.
让你的XHTML兼容以后的扫瞄器你应当在/标志前增加空格
--------------------------------------------------------------------------------
TheLangAttribute
Lang属性
ThelangattributeappliestoalmosteveryXHTMLelement.Itspecifiesthelanguageofthecontentwithinanelement.
lang属性能够使用于几近一切的XHTML元素。它指定了元素中内容的言语
Ifyouusethelangattributeinanelement,youmustaddthexml:langattribute,likethis:
假如你像在一个元素中使用lang属性,你必需加上xml:lang属性,像如许:
<divlang="no"xml:lang="no">HeiaNorge!</div>
--------------------------------------------------------------------------------
MandatoryXHTMLElements
强迫XHTML元素
AllXHTMLdocumentsmusthaveaDOCTYPEdeclaration.Thehtml,headandbodyelementsmustbepresent,andthetitlemustbepresentinsidetheheadelement.
一切的XHTML文档都必需有一个DOCTYPE申明。html、head和body元素必需呈现,而且title必需在head元素里
ThisisaminimumXHTMLdocumenttemplate:
这是一个极小的XHTML文档模板
<!DOCTYPEDoctypegoeshere>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Titlegoeshere</title>
</head><body>
Bodytextgoeshere
</body></html>Note:TheDOCTYPEdeclarationisnotapartoftheXHTMLdocumentitself.ItisnotanXHTMLelement,anditshouldnothaveaclosingtag.
注重:DOCTYPE声明并非XHTML文档本身的一部分。它也不是XHTML元素,它不应有封闭标签。
Note:Thexmlnsattributeinsidethe<html>tagisrequiredinXHTML.However,thevalidatoronw3.orgdoesnotcomplainwhenthisattributeismissinginanXHTMLdocument.Thisisbecause"xmlns=http://www.w3.org/1999/xhtml"isafixedvalueandwillbeaddedtothe<html>tagevenifyoudonotincludeit.
注重:XHTML文档请求xmlns属性呈现在html标签中。但是,w3.org的校验器不会因为这个属性没有呈现在你的XHTML文档中而呈报毛病。这是由于"xmlns=http://www.w3.org/1999/xhtml"是一个流动的值,即便你的文档里没有包括它,它也会主动加上的。
YouwilllearnmoreabouttheXHTMLdocumenttypedefinitioninthenextchapter</p>上一页12
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点…… 滚动条)层属性--溢出(visible/hidden/scroll/auto) Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手. 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
页:
[1]