您的位置:首页 > Web前端 > HTML5

html5 基本语法详解

2016-05-03 09:28 465 查看
HTML头部标记
标记描述HTML5标准
<base>定义页面中所有链接的基准URL
<title>设定显示在浏览器左上方的标题内容
<isindex>表明该文档是一个可用于检索的网关脚本不支持
<meta>文档本身的元信息,例如查询关键词,有效期等
<style>设定CSS层叠样式表内容
<link>设定外部资源的链接
<script>页面脚本内容
元信息标记<meta>属性
标记描述HTML5标准
http-equiv生成一个HTTP标准域,把Content属性关联到HTTP头部
content-type / expires / refresh / set-cookie
name把content属性关联到一个名称
author / description / keywords / generator /revised /others
content定义与http-equiv 或 name属性相关的元信息 关键字/值内容
charset文档的字符编码新增属性
注:HTML5中不支持scheme属性,新增charset属性,具体查看:HTML5 <meta>标签

HTML 主体标记<body>属性
属性描述HTML5标准
text设定页面文字颜色删除
bgcolor设定页面背景颜色删除
background设定页面背景图像删除
bgproperties设定页面的背景图像为固定,不随页面的滚动而滚动删除
link设定页面默认的链接颜色删除
alink设定鼠标正在单击时候的链接颜色删除
vlink设定访问过后的链接颜色删除
topmargin设定页面的上边距删除
leftmargin设定页面的左边距删除
注: 在 HTML 5 中,删除了所有 <body> 的特殊属性。具体查看:HTML5 <body>标签

特殊符号
特殊符号符号码
""
&&
<<
>>
©©
®®
±±
××
§§
¢¢
¥¥
··
££
标题字标记
标记描述
<h1>.....</h1>一级标题
<h2>.....</h2>二级标题
<h3>.....</h3>三级标题
<h4>.....</h4>四级标题
<h5>.....</h5>五级标题
<h6>.....</h6>六级标题
注: 具体查看 HTML5 <h1> 至 <h6> 标签

在 HTML 4.01 中,h1 - h6 元素的 "align" 属性不被赞成使用。

在 HTML 5 中,h1 - h6 元素的 "align" 属性不被支持。

文字的修饰标记
标记描述HTML5标准
<b>粗体
<strong>粗体
<i>斜体
<em>斜体
<cite>斜体
<sup>上标
<sub>下标
<big>大字号不支持
<small>小字号不支持
<u>下划线不支持
<s>删除线不支持
<strike>删除线不支持
<address>地址
<tt>打字机文字不支持
<blink>闪烁文字(只适用Netscape浏览器)不支持
<code>等宽
<samp>等宽
<kbd>键盘输入文字
<var>声明变量
字体标记<font>属性
属性描述HTML5标准
face字体不支持
size字号不支持
color颜色不支持
注:请查看 HTML 5 <font> 标签

在 HTML 4.01 中,不赞成使用该元素。

在 HTML 5 中,不支持该元素,但是允许由所见即所得的编辑器来插入该元素 。

在 HTML 5 中,仅支持 style 属性。

列表标记
标记描述HTML5标准
<ul>无序列表
<ol>有序列表
<dir>目录列表不支持
<dl>定义列表
<menu>菜单列表重新定义;使用用于排列表单控件
<dt>、<dd>
定义列表的标记
<li>列表项目的标记
超链接标记
属性描述HTML5标准
href指定链接地址
name给链接命名命名一个锚,不支持,使用id代替
title给链接提示文字
target指定链接的目标窗口
链接目标窗口属性target
属性值描述
_parent在上一级窗口中打开.一般使用框架页会经常使用
_blank在新窗口中打开
_self在同一个帧或窗口中打开,默认
_top在浏览器的整个窗口中打开,忽略任何框架
图片标记<img>属性
属性描述HTML5标准
src图像的源文件
alt提示文字
width、height宽度、高度
border边框不支持
vspace垂直间距不支持
hspace水平间距不支持
align排列不支持
图片排列align属性值
属性值描述HTML5标准
top文字的中间线在图片上方
middle文字的中间线在图片中间
bottom文字的中间线在图片底部
left图片在文字的左侧
right图片在文字的右侧
absbottom文字的底线在图片底部
absmiddle文字的底线在图片中间
baseline英文文字基准线对齐
texttop英文文字上边线对齐
注:请查看 HTML 5 <img> 标签

表格标记
标记描述
<table>...</table>表格标记
<tr>...</tr>行标记
<td>...</td>单元格标记
注:在 HTML 5 中,

不支持 <table> 标签的任何属性。

不支持 <tr> 标签的任何属性。

仅支持<td><th>标签 "colspan" 和 "rowspan" 属性。

表单标记<form>属性

注:

在 HTML 5 中有一个新属性:replace。它定义表单被提交后所做的事情。

表单标记<form>元素
标记描述HTML5标准
<input>表单输入标记type 属性有很多新的值。
<select>菜单和列表标记新的属性
<option>菜单和列表项目标记可用于新元素 <datalist>中
<textarea>文字域标记新属性
输入标记<input>标记属性Type的值
<input Type="属性值"/>描述HTML5标准
text文字域
password密码域
file文件域
checkbox复选框
radio单选框
button普通按钮
submit提交按钮
reset重置按钮
hidden隐藏域
image图像域(图像提交按钮)
框架标记
框架标记描述HTML5标准
<frameset>框架集不支持
<frame>框架不支持
<iframe>内联框架仅仅支持 src 属性
<noframe>无框架不支持

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: