仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1329|回复: 10
打印 上一主题 下一主题

[HTML5] 带来一篇洁净的XHTML语法

[复制链接]
莫相离 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:29:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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标签
莫相离 该用户已被删除
沙发
 楼主| 发表于 2015-1-15 23:37:17 | 只看该作者

带来一篇洁净的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的使用能帮你做到这一点……
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-17 23:43:56 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
深爱那片海 该用户已被删除
地板
发表于 2015-1-26 12:39:02 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
再现理想 该用户已被删除
5#
发表于 2015-2-4 19:52:29 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
小妖女 该用户已被删除
6#
发表于 2015-2-10 06:50:50 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
精灵巫婆 该用户已被删除
7#
发表于 2015-3-1 03:34:23 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
老尸 该用户已被删除
8#
发表于 2015-3-10 12:44:19 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
第二个灵魂 该用户已被删除
9#
发表于 2015-3-17 07:25:38 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
海妖 该用户已被删除
10#
发表于 2015-3-24 03:29:27 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-15 00:30

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表