HTML5 基本语法
来源:互联网 发布:java 开启gzip压缩 编辑:程序博客网 时间:2024/06/04 18:00
注:本文内容摘自《疯狂HTML5/CSS3/JavaScript讲义-李刚》
从HTML4.01、XHTML到HTML5并没有革命性的升级,而是一种规范向习惯的妥协。
BODY属性有onload,onunload,background,bgcolor,text,link,vlink,alink等属性。
HTML5结构:只要把HTML4中的DTD定义为〈!DOCTYPE html〉即可。
<!DOCTYPE html>
<html>
<head>
<title>面页标题</title>
<mate http-equiv="Content-Type" content="text/html; charset=GBK"/>
</head>
<body>
</body>
</html>
HTML5语法变化:
1.标签不区分大小写
2.元素可以省略结束标签
空元素语法的元素:area,base,br,col,command,embed,hr,img,input,keygen,link,mata,param,source,wbr.
<img ,,,,, />
3.可以省略结束标签的元素:colgroup,dt,dd,li,optgroup,option,p,rt,rp,thead,tbody,tfoot,tr,td,th。
<p> this is text.
4.允许省略属性值。
5.属性的元素值可以不使用引号。
HTML5新增了contentEditable,designMode,hidden,spellcheck通用属性。
HTML5保保留的常用元素
基本元素:
<!--...-->:HTML注释
<html>:HTML5根元素,但HTML5允许完全省略这个元素。
<head>:HTML5文档的页面头部分,但HTML5允许完全省略这个元素。
<title>:HTML5文档的页面标题,该标签可以指定id, class, style, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup等事件属性,这些属性用于指定JavaScript脚本。
<body>:HTML5文档的页面主体部分。
<style>:该元素用于引入样式定义。
<h1>到<h6>:定义标题一到标题六。h1字体最大 , h6字体最小。
<p>:定义段落,该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<br>:插入一个换行,该标签可以指定id, class, style等核心属性。
<hr>:定义水平线,该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<div>:定义文档中的节,该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<span>:与<div>基本相似,区别是该定义的节默认不会换行。该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
注:连续使用<p>输出多行文字之间有一定间隔, div,span输出多行文字之间间隔很小。
<span.../> <p.../>元素只能包含文本,图像,超链接,文本格式化元素和表单控件元素内容,<p../>可以包含《》〈span../〉,但<span..../>不能包含<p../>;
<div../>元素可以包含<p../><span><h1../>to<h6../>,<form.../>,<table../>, 列表项元素和<div.../>, HTML5中常用div元素来完成页面布局。
文本格式化元素
<b>:定义粗体文本。该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<i>:定义斜体文本。该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<em>:定义强调文本。效果与斜体差不多。该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<strong>:定义粗体文本,与<b>标签用法类似。
<small>:定义小号字体文本,该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<sup>:定义上标文本,该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<sub>:定义下标文本,该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。
<bdo>:定义文本显示方向。该标签可以指定id, class, style等核心属性,还可以指定onclick等各种事件属性。还可以指定dir属性 ltr(left to right) ,rtl(righ to left)
小例程:
<span><b>加粗文本</b></span> <br/>
<span><i>斜体文字</i></span> <br/>
<span><b><i>加粗斜体</i></b></span> <br/>
<span><em>被强调的文字</em></span> <br/>
<big><span>大号字体</span></big><br/>
<p><strong>加粗文字Strong</strong> </p>
<small><span>小号字体</span></small>
<div>普通文本<sup>上标文字</sup></div>
<div>普通文本<sub>下标文字</sub></div>
<bdo dir="ltr">从左到右排列</bdo><br/>
<bdo dir="rtl">从右到左排列</bdo>
- html5 基本语法详解
- HTML5 基本语法
- HTML5 canvas 基本语法
- Html5的基本语法
- 4、HTML5基本语法
- html5 websql 基本语法汇总
- html5基本语法(一)
- html5基本语法(二)
- 【HTML5 localStorage本地储存】简介&基本语法
- HTML5(3)__H5基本语法(上)
- HTML5(4)__H5基本语法(下)
- 分分钟搞定Html5的基本语法(一)
- PHP & HTML5 学习 第三课 PHP基本语法
- HTML5学习笔记——基本语法和语义
- HTML5 语法
- html5语法
- HTML5语法
- 基本语法
- F1V3.0-8 Springboot基本使用及要点
- 面向对象—(JDBC(2))
- [php]mac终于完成了php配置
- 神经网络(2)
- Oracle提示ora-01031:insufficient privileges解决方案
- HTML5 基本语法
- SAP HANA SQL REPLACE替换字符串
- 如何从apache官方下载以及window下的安装
- 监听器,过滤器,拦截器区别
- 山东省第八届ACM赛后总结
- Django常见错误类型
- 基于栈与基于寄存器的指令集架构
- 传输层安全协议Version1.2(RFC 5246节选)
- MacOS 快捷键