HTML5技术速查指南

需积分: 10 28 浏览量更新于2024-09-16 收藏 130KB PDF 举报

身份认证购VIP最低享 7 折!

30元优惠券

"HTML5技术参考表" HTML5是超文本标记语言（HTML）的第五个主要版本，它在2014年正式成为W3C推荐标准，旨在增强网页的可编程性和交互性，同时提高在不同设备上的可用性。这个技术参考表详细列出了HTML5中的各种标签、它们的信息以及适用版本，对于理解和使用HTML5非常有帮助。在HTML5中，一些旧的标签被废弃，例如`<applet>`和`<basefont>`，而一些新的标签被引入以更好地结构化网页内容，如`<article>`和`<aside>`。以下是部分重要标签的说明： 1. `<!DOCTYPE>`：声明文档类型，HTML5中简化为`<!DOCTYPE html>`，不需指定具体版本。 2. `<a>`：定义超链接，可以设置`href`属性指向目标URL，其他属性如`target`用于指定新窗口或标签页打开链接。 3. `<abbr>`：用于表示缩写，可添加全局属性。 4. `<audio>`：用于嵌入音频内容，支持属性如`autoplay`、`controls`和`src`来控制音频播放。 5. `<article>`：表示独立的内容单元，比如新闻报道或博客文章。 6. `<aside>`：用于包含与主要内容相关的辅助信息，如侧边栏或注释。 7. `<b>`：用于强调文本，呈现为粗体，但更推荐使用`<strong>`来表示强调。 8. `<base>`：设置页面所有链接的基础URL，属性`href`和`target`用于设定链接基础和目标。 9. `<br>`：插入一个换行符，常用于文本布局。 10. `<button>`：创建可点击的按钮，可以包含文本或图像，并能绑定JavaScript事件处理。 HTML5还引入了对语义化的重视，许多新标签如`<header>`、`<footer>`、`<nav>`和`<section>`等，用于更好地组织页面结构，提高搜索引擎优化（SEO）和无障碍访问（Web Accessibility）。此外，`<canvas>`标签提供了一种通过JavaScript绘制图形的方式，而`<video>`标签则支持视频内容的嵌入。全局属性（global attributes）是一些可以应用到大多数HTML元素的属性，如`class`、`id`、`style`等。`class`用于定义元素的CSS类，`id`用于唯一标识元素，`style`则允许内联CSS定义元素样式。在实际开发中，理解并正确使用这些HTML5标签和属性，能够创建出更加结构化、功能丰富的网页，同时提升用户体验。开发者还可以结合CSS3和JavaScript（如通过jQuery等库）进一步扩展HTML5的功能，实现动态效果和交互。

资源详情

资源推荐

Page 1 of 4 FREE Quick Reference Guide

http://www.veign.com

HTML 5

V = Which version of HTML is this tag valid for

Tag Info V Attributes*

comment 4 / 5 none

<!DOCTYPE> document type 4 / 5 none

<a> hyperlink 4 / 5

href | hreflang | media |

ping | rel | target | type

<abbr> abbreviation 4 / 5 global attributes**

<acronym> acronym 4 -

address ele-

ment

4 / 5 global attributes**

<applet> applet 4 -

<area>

area inside an

image map

4 / 5

alt | coords | href |

hreflang | media | ping |

rel | shape | target |

type

<article> article 5 global attributes**

<aside>

outside the

main flow of

the narrative

5 global attributes**

<audio> sound content 5

autobuffer | autoplay |

controls | loop | src

<b> bold text 4 / 5 global attributes**

<base>

base URL for all

the page links

4 / 5 href | target

Base font for

the document

4 -

<bdo>

direction of text

display

4 / 5 dir

<big> big text 4 -

<blockquote> long quotation 4 / 5 cite

<body> body element 4 / 5 global attributes**

<br>

inserts a single

line break

4 / 5 global attributes**

<button> push button 4 / 5

autofocus | disabled |

form | formaction |

formenctype | formme-

thod | formnovalidate |

formtarget | name |

type | value

<canvas> Graphic area 5 height | width

<caption> table caption 4 / 5 global attributes**

<center> centered text 4 -

<cite> citation 4 / 5 global attributes**

<code>

computer code

text

4 / 5 global attributes**

<col>

attributes for

table columns

4 / 5 span

groups of table

columns

4 / 5 span

command

button

checked | default |

disabled | hidden | icon

| label | radiogroup |

type

data in a tree,

list or tabular

5 disabled

<datalist> dropdown list 5

global attributes**

<dd>

definition

description

4 / 5 global attributes**

<del> deleted text 4 / 5 cite | datetime

details of an

element

5 open

dialog

(conversation)

5 global attributes**

<dir> directory list 4 -

<div>

section in a

document

4 / 5 global attributes**

<dfn> definition term 4 / 5 title

<dl> definition list 4 / 5 global attributes**

<dt> definition term 4 / 5 global attributes**

<em>

emphasized

text

4 / 5 global attributes**

<bb>

invoked user

agent com-

5 type

Tag Info V Attributes*

<embed>

external inter-

active content

or plugin

height | src | type |

width

<fieldset> fieldset 4 / 5 disabled | form | name

group of media

content, and

their caption

5 global attributes**

<font>

text font, size,

and color

4 -

footer for a

section or page

5 global attributes**

<form> form 4 / 5

action | data | replace |

accept | accept-charset

| enctype | method |

target

<frame> sub window 4 -

<frameset> set of frames 4 -

header 1 to

header 6

4 / 5 global attributes**

<head>

information

about the

document

4 / 5 none

header for a

section or page

5 global attributes**

<hgroup> heading section 5 global attributes**

<hr> horizontal rule 4 / 5 global attributes**

<html> html document 4 / 5 manifest

<i> italic text 4 / 5 global attributes**

inline sub

window (frame)

4 / 5

src | name | sandbox |

seamless | width |

height

<img> image 4 / 5

alt | src | height |

ismap | usemap | width

<input> input field 4 / 5

accept | alt | auto-

complete | autofocus |

checked | disabled |

form | formaction |

formenctype | formme-

thod | formnovalidate |

formtarget | height |

list | max | maxlength |

min | multiple | name |

pattern | placeholder |

readonly | required |

size | src | step | type |

value | width

<ins> inserted text 4 / 5 cite | datetime

single-line input

field

4 -

<kbd> keyboard text 4 / 5 global attributes**

<label>

label for a form

control

4 / 5 for

<legend> fieldset title 4 / 5 global attributes**

<li> list item 4 / 5 value

<link>

resource

reference

4 / 5

href | rel | media |

hreflang | type | sizes

<mark> marked text 5 global attributes**

<map> image map 4 / 5 id

<menu> menu list 4 / 5 label | type

<meta>

meta informa-

tion

4 / 5

charset | content | http-

equiv | name

<meter>

measurement

within a prede-

fined range

high | low | max | min |

optimum | value

<nav> navigation links 5 global attributes**

<noframes> noframe section 4 -

embedded

object

4 / 5

data | height | type |

usemap | width | object

Tag Info V Attributes*

<ol> ordered list 4 / 5 start | reversed

<optgroup> option group 4 / 5 disabled | label

option in a

drop-down list

4 / 5

disabled | label |

selected | value

some types of

output

5 form

<p> paragraph 4 / 5 global attributes**

<param>

parameter for

an object

4 / 5 name | value

<pre>

preformatted

text

4 / 5 global attributes**

progress of a

task of any kind

5 max | value

<q> short quotation 4 / 5 cite

<ruby>

ruby annota-

tions

5 global attributes**

<rp>

provide paren-

theses around a

ruby text

5 global attributes**

<rt>

ruby text

component

5 global attributes**

<s>

strikethrough

text

4 -

<samp>

sample com-

puter code

4 / 5 global attributes**

async | type | defer |

src | charset

<section> section 5 cite

<select> selectable list 4 / 5

autofocus | data |

disabled | form |

multiple | name

<small> small text 4 / 5 global attributes**

media re-

sources

5 media | src | type

<span> inline section 4 / 5 global attributes**

strikethrough

text

4 -

<strong> strong text 4 / 5 global attributes**

<sub> subscripted text 4 / 5 global attributes**

<sup>

superscripted

text

4 / 5 global attributes**

<table> table 4 / 5 global attributes**

<tbody> table body 4 / 5 global attributes**

<td> table cell 4 / 5

colspan | rowspan |

headers

<textarea> text area 4 / 5

autofocus | cols |

disabled | form | name

| readonly | required |

rows | maxlength |

placeholder | wrap

<tfoot> table footer 4 / 5 global attributes**

<th> table header 4 / 5

colspan | rowspan |

scope

<thead> table header 4 / 5 global attributes**

<time> date/time 5 datetime

<title> document title 4 / 5 none

<tr> table row 4 / 5 global attributes**

<tt> teletype text 4 -

<u> underlined text 4 -

<ul> unordered list 4 / 5 global attributes**

<var> variable 4 / 5 global attributes**

<video> video 5

src | poster | autobuffer

| autoplay | loop |

controls | width | height

<xmp>

preformatted

text

4 -

* Attributes: Lists attributes specific to that tag. Deprecated (html4

only) attributes are not listed

** Global Attributes: class | contenteditable | contextmenu | dir |

template | title

下载后可阅读完整内容，剩余3页未读，立即下载

风陵苑主

粉丝: 197
资源: 10

HTML5技术速查指南

HTML5快速参考

HTML 5 参考手册

html5全套参考手册

sapui5 语言参考

html5 2d游戏编程核心技术 pdf

运用html5多媒体技术制作视频播放页面

html5官方文档中文

javaweb html网页制作实习参考文献

twaver html5下载

html5权威指南下载

基于html5的webgl场景漫游源代码,基于HTML5 WebGL技术校园全景漫游系统研究.doc

html5语言教程pdf

html5开发文档.pdf

css3 html5 手册

html5电脑游戏代码 博客园

html5基础教程pdf

html转盘游戏,html5大转盘抽奖实例源码(基于vue.js)

html5单机扫雷游戏源码下载

使用HTML+CSS+JS+MySQL+JDBC+Servlet等技术，实现对Book表中的数据进行增删改查操作

h5从入门到精通 pdf

最新资源

html5电脑游戏代码博客园