Skip to content

开始于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 毕