HTML学习笔记.md

HTML 学习笔记

• 元素

这一行就是一个元素

块元素， 和内联元素

一个块元素，占一行 内联元素， 一个矮一个

• 属性

常见属性， href: 这个是声明超链接的WEB 地址， title: 这个属性为超链接声明额外的信息， 当鼠标悬停元素之上，这部分信息将以工具提示的形式显示。 target： 目标target 属性用于指定链接如何呈现出来， 例如， target="_blank" 将在新标签页中显示链接。 如果你希望在当前标签页显示链接，忽略这个属性即可。 alert： 图片元素, 当图片不能正常显示时， 将出现alert内容， 代替图片

• 实体引用： 在HTML 中 包含特殊字符

• Head HTML 文件的头部信息， 可以把你想加入到这个文档但不想在文档中显示的信息 title： HTML 文档的标题

• meta : 元数据， 描述数据的数据, 指定文档中字符的编码 添加作者和描述： name和content, name 指定了meta 元素类型； 说明该元素包含了什么类型的信息。 content 指定了实际的元数据内容。

页面添加图标：

将其保存在与网站的索引页面相同的目录中，以.ico格式保存（大多数浏览器将支持更通用的格式，如.gif或.png，但使用ICO格式将确保它能在如Internet Explorer 6一样久远的浏览器显示

为文档设置主语言，

HTML文档的语义

<h1> 表示主标题； head
<p> 表示段落， paragraph
<em> 重点强调， emphasis
<strong> 非常重要， strong importance
<dt> description term 描述主体词

<dd> description description 描述的描述语

<blockquote> 块引用， 内有属性 cite，引用地址， 它不在页面显示，但会通过CSS和JavaScript作用。也可以使用<cite>元素来体现

还有一些是表象元素， 即它们没有任何语义，但是可以改变内容的形式

<i> 被用来传达传统上用斜体表达的意义：外国文字，分类名称，技术术语，一种思想……
<b> 被用来传达传统上用粗体表达的意义：关键字，产品名称，引导句……
<u> 被用来传达传统上用下划线表达的意义：专有名词，拼写错误……
<dl> description list 描述列表

链接与路径

scr: 本级目录、 子目录、 上级目录(../)

href: 绝对路径、 相对路径， 当链接与当前文档为统一网站时采用相对路径

本文档的位置跳转、 通过id 与 # 号来实现

HTML 中的图片

• <img> 元素：

  alt 属性里写点什么？ 装饰：如果图片只是用于装饰，而不是内容的一部分，可以写一个空的alt="" 。例如，屏幕阅读器不会浪费时间对用户读出不是核心需要的内容。实际上装饰性图片就不应该放在HTML文件里， CSS background images才应该用于插入装饰图片，但如果这种情况无法避免， alt=""会是最佳处理方案。 内容：如果你的图片提供了重要的信息，就要在alt文本中简要的提供相同的信息，甚至更近一步，把这些信息写在主要的文本内容里，这样所有人都能看见。不要写冗余的备选文本（如果在主要文本中将所有的段落都重复两遍，对于没有失明的用户来说多烦啊！），如果在主要文本中已经对图片进行了充分的描述，写alt=""就好。 链接：如果你把图片嵌套在<>标签里，来把图片变成链接，那你还必须提供无障碍的链接文本。在这种情况下，你可以写在同一<<>>元素里，或者写在图片的alt属性里，随你喜欢。 文本：你不应该将文本放到图像里。例如，如果你的主标题需要有阴影，你可以用CSS来达到这个目的，而不是把文本放到图片里。如果真的必须这么做，那就把文本也放到alt里。