HTML5的声明为:<!DOCTYPEhtml>HTML5独有的标签。
它不再需要像以前的版本那样在声明中引用DTD。DTD(documenttypedefinition)用一系列合法元素来定义文档的结构,定义合法的XML文档构建模块。在HTML中,DTD规定标记语言的规则,使浏览器能够正确地呈现内容。和HTML5不基于SGML,所以不需要引用DTD。HTML五个常见块级标签。
文档结构元素HTML5常用标签的使用和例子。
<article>:定义完整独立的内容块,可以独立于内容的其他部分。
<header>:页面顶部。html5常用文本标签。
<nav>:标签导航栏(边导航、页面导航、底部导航)。
<hgroup>:在定义多个标题时。
<section>:容分块。可设置cite属性。html5特有的标签。
<aside>:侧栏,定义与页面内容相关性较低的内容——如果删除,剩余内容仍然合理。
<figure>:代表与文档相关的图例。
<figcaption>:代表图例的描述(标题)。
<footer>:页面底部。
<dialog>:定义对话框。
嵌入元素HTML5网页常用的图片标签。
<video>代表视频及其视频文件和字幕,并提供播放视频的用户界面。属性包括:autoplay(控制自动播放)
loop(播放后是否重播)html五个单标签。
controls(显示用户界面)html5列表标签有哪些。
width
heightHTML5dl标签。
<audio>代表声音或音频流。当标签不支持时,标签中的文本将显示。属性包括:autoplayhtml5开发用什么软件。
loop(播放次数为-1时循环播放)HTML5段落标签。
controls
volume(音量)HTML5方向标签。
<source>为<video>或<audio>这类媒体元素指定媒体源。属性有src ype(指定资源的MIME类型)。编程标签大全。
<track>为<video>或<audio>这类媒体元素指定文本轨道(字幕)。属性包括:
kind(数据类型)srclang(track文本数据的语言)
label列出可用性texttracks用户可以阅读为浏览器使用的texttrack标题。
注意:任何两个track子元素的一个media元素都不能相同kind,srclang,和label属性。
<canvas>代表位图区域,图形可以通过脚本实时呈现,如图表、游戏绘图等。
<embed>代表应用程序或交互内容等嵌入式外部资源。属性包括:HTML文字颜色大全。
width
heighttypeMIME类型用于选择插件实例化。html5分割线标签。
表单元素
<meter>代表滑动条。显示实时状态。属性包括:
value当前值,如果给定值不在最小值和**值之间,则其值等于其最接近的值。html5文字加粗。
min默认值域的最小边界值为0
max默认值域的**边界值为1htmlfloat用法。
low当数值处于低值范围时,定义了低值范围的上限值low-min或high-max会呈现出不同的风格。HTML页面变黑。
high定义了高值范围的下限值。
optimum**值
<output>代表计算值。HTMLclear。
for其他影响计算结果的标签ID,可以多个。
form与当前标签有关的form(从属表单)。该属性的值必须是当前文档中的表单元素ID。若该属性未指明,output标签必须是form的后代标签。该属性的用途是将output标签从form标签中分离出来,存在于网页文档的任何位置。h5标签大全。
name
<formoninput="result。value=parseInt(a。value) parseInt(b。value)">
<inputtype="range"name="b"value="50"/> bootstrap默认表单。
<inputtype="number"name="a"value="10"/>=html文字居中代码怎么写。
<outputname="result"></output>
</form>3<progress>代表进度条,代表任务过程,属性有max(任务总量)value。
<datalist>用option标签为Input标记定义下拉列表。<details>创建一个挂件,只有当它被切换到扩展状态时,它才会显示其中包含的信息。ul li标签。
<summary>它是details元素的子元素,表示其综述或标题。常用的html标签及作用。
<mark>代表一段需要高亮引用的文字。
<ruby>表示需要ruby标注的文本,如汉字及其拼音。
<rt>表示ruby注释,如中文拼音。
<rp>将文本插入ruby注释两侧,以便在不支持ruby注释显示的浏览器中提供友好的注释显示。html5常用标签。
<ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby>顺便一提,html5删除的元素:
纯表现的:basefontigcenterfontsstrike tu
对可用性有负面影响的:frameframeset oframes
混淆:acronymappletisindexdir
同时HTML它还重新定义了某些元素,改变了它们的语言内容,但表现保持不变。如b标签,i标签仍然是粗体和斜体,但它代表了一段需要注意的文本和一段不同性质的文本,如技术语和外语短语。
HTML5属性变化
新增类型
emailurl el umber
Datepickers:datemonthweek(iphone不兼容) imedatetime(UTC格式、安卓、安卓、i6 、PC端不兼容)datetime-local
对PC端:range(水平杆两侧为min和和max)search(有内容的时候出现在右边×)color(颜色选择框)
表单属性
autocomplete属性:自动完成功能,适用于标签及以下类型的input标签:textsearchurl elemailpassworddatepickers angecolor
<formautocomplete="on">//on为打开,Off为关闭
</form>autofocus属性:域自动获取焦点,适用于所有类型的标签
<inputautofocus="autofocus"/>multiple属性:多个值可在规定的输入域中选择,适用于emailfile类型的标签
<inputtype="file"multiple="multiple"/>placeholder属性:提供描述输入域预期值的提示,适用于textsearchurl elemailpassword类型的标签
<inputtype="text"placeholder="pleaseinputyourname!"/>required属性:规定输入域必须在提交前填写,并且必须按照相应域的格式,例如,email域必须要有@、邮件域。适用于textsearchurl elemailpassworddatepickersnumbercheckbox adiofile类型的标签
<inputtype="email"requried="required"/>链接属性
sizes
<linkrel="icon"href="icon。gif"type="image/gif"sizes="16*16">
///网页头部标题logo,不同的分辨率可以根据不同的分辨率引用sizes
//type图标的类型表明图标格式为gif3
target
<basehref="。。。"target="_blank">base标签写在head标签上。target属性控制整个页面所有超链接的默认打开方式(原来是_self),href指定页面中所有相对链接的基准URL;
超链接属性
media=“handheld(表示优化设备,handheld支持“手持”设备,tv支持“电视”设备);
hreflang=“zh"(设置语言,zh表示为简体中文)
rel=“external"(引用设置超链接,external表示为外部链接)
其他属性
<script>的属性
defer:脚本加载后不执行(延迟执行),而是在整个页面加载后执行,只有ie兼容
async:异步加载脚本,加载脚本后立即执行,而不是等到整个页面加载。
如果async=“async与页面的其他部分相比,脚本是异步执行的(当页面继续分析时,脚本将被执行)
如果不使用async,defer=“defer当页面完成分析时,脚本将执行
如果不使用async,也不使用asyncdefer:在浏览器继续分析页面之前,立即读取并执行脚本
<ol>的属性
start:设置序号的起始值
reversed:倒叙排列reversed=“reversed”
<html>的属性:manifest
<!DOCTYPEHTML>
<htmlmanifest="demo。appcache"></html>3可以通过在页面中设置manifest属性或在manifest文件中添加页面来缓存此页面,这样我们就可以离线访问并获得更快的速度,因为缓存资源加载得更快。它还可以减少服务器负载。
即使服务器上的文件被修改,浏览器也会继续显示缓存版本。为了确保浏览器更新缓存,需要更新manifest文件。
style的属性scoped:内嵌CSS,它可以写在任何位置,而不仅仅是head。然而,这将违反我们低耦合的原则。
<stylescoped><style>
中企动力是一家专业的网络推广公司,我们拥有丰富的网络推广经验和专业的团队,能够为企业提供全方位的网络推广服务。我们为企业提供网站建设、网站优化、平台推广等服务,帮中企动力业在网络上提升知名度、扩大影响力、提升销售额。如果您有网络推广的需求,欢迎联系中企动力加微信:CE4006608066,我们将竭诚为您服务。