开始于2025/05/06 10:03,我估计半天到一天就可以读完。
HTML5相比于HTML其他版本,有什么不同
- 标签和属性不区分大小写 (XML是区分大小写的)
- 可以省略具有布尔类型的属性值 (disabled、readonly、checked、selected、required、autofocus)
- 属性值可以省略引号 (属性值如果有空格、特殊字符的时候不能省略)
doctype的作用
- 指定文档的根元素(跟在doctype后面的标识符)
HTML5之前需要指定DTD,HTML5比较宽松,不需要指定(不区分大小写)
XHTML的格式
XHTML
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML5的格式
HTML5
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
</body>
</html>
- 告诉浏览器使用什么样的HTML或XHTML规范来解析网页 (浏览器有2种渲染模式,一种是怪异模式(浏览器使用自己的模式解析渲染页面),一种是标准模式(浏览器使用W3C官方标准解析渲染页面),使用doctype,浏览器会按照标准)
图片格式
- JPEG(JPG) (联合图像专家组标准JointPhotographicExpertsGroup)
- GIF (图形交换格式GraphicsInterchangeFormat)
- PNG (可移植网络图形PortableNetworkGraphics)
有序列表
- type属性指定标号类型
- start属性指定从什么时候开始
html
<ol type="1">
<li>苹果</li>
<li>梨子</li>
<li>榴莲</li>
</ol>
<ol type="a" start="3">
<li>苹果</li>
<li>梨子</li>
<li>榴莲</li>
</ol>
<ol type="A">
<li>苹果</li>
<li>梨子</li>
<li>榴莲</li>
</ol>
<ol type="i">
<li>苹果</li>
<li>梨子</li>
<li>榴莲</li>
</ol>
<ol type="I">
<li>苹果</li>
<li>梨子</li>
<li>榴莲</li>
</ol>
无序列表
- type可以指定标号(3种)
html
<ul type="disc">
<li>苹果</li>
<li>梨子</li>
<li>榴莲</li>
</ul>
<ul type="circle">
<li>苹果</li>
<li>梨子</li>
<li>榴莲</li>
</ul>
<ul type="square">
<li>苹果</li>
<li>梨子</li>
<li>榴莲</li>
</ul>
自定义列表
html
<dl>
<dt>名词一</dt>
<dd>解释1</dd>
<dd>解释2</dd>
<dt>名词二</dt>
<dd>解释一</dd>
</dl>
列表可以嵌套
html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<ul>
<li><u>图像设计软件</u>
<ol>
<li>Photoshop</li>
<li>Illustrator</li>
<li>CorelDRAW</li>
</ol>
</li>
<li><u>网页制作软件</u>
<ul>
<li>Dreamweaver</li>
<li>FrontPage</li>
<li>Goliver</li>
</ul>
</li>
<li><u>动画制作软件</u></li>
</ul>
</body>
</html>

Preview
超链接

Preview
js常用事件

Preview

Preview
2025/05/06 14:44 毕