语法
1、标签必须闭合。
2、一个标签中可包含一个或多个属性值。
3、标签可以嵌套,嵌套的标签闭合时按照顺序进行。
4、注释:
书写规范
1、属性值使用小写字母
2、属性值放在双引号内
3、标签的嵌套统一缩进
元素
文档元数据
元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件 (如搜索引擎, 浏览器等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。
head
规定文档相关的通用信息(标题、样式、脚本的链接等)
link
指定外部资源与当前文档的关系。经常用来链接CSS文件。
style
包含了文档的样式化信息或文档的一部分,通常是CSS的格式
tittle
定义文档的标题,显示在浏览器的标题栏或标签页上,只能包含文本。
base
指定文档中所有链接地址的基础URL。一个文档最多只能有一个元素
meta
用来表示那些不能由其它HTML元相关元素(,,
内容分区
内容分区元素允许你将文档内容从逻辑上进行组织划分。使用包括页眉(header)、页脚(footer)、导航(nav)和标题(h1~h6)等分区元素,来为页面内容创建明确的大纲,以便区分各个章节的内容。
address
HTML 的
元素为它最近的或者祖先元素提供联系信息。在后一种情况下,它应用于整个文档。article
元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
aside
元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者嵌入内容。他们通常包含在工具条,例如来自词汇表的定义。也可能有其他类型的信息,例如相关的广告、笔者的传记、web 应用程序、个人资料信息,或在博客上的相关链接。
footer
HTML 元素表示最近一个章节内容或者根节点(sectioning root )元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。
h1~h6
6级标题
header
元素表示一组引导性的帮助,可能包含标题元素,也可以包含其他元素,像logo、分节头部、搜索表单等。
hgroup
HTML Element (HTML Headings Group Element) 代表一个段的标题。它规定了在文档轮廓里(the outline of the document )的单一标题是它所属的隐式或显式部分的标题。
nav
HTML导航栏 () 描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.
section
HTML Section 元素 () 表示文档中的一个区域(或节),比如,内容中的一个专题组,一般来说会有包含一个标题(heading)。一般通过是否包含一个标题 (
-
element) 作为子节点 来 辨识每一个。
文本内容
dl(自定义列表)
HTML
dt
HTML
元素 (或 HTML 术语定义元素)用于在一个定义列表中声明一个术语。该元素仅能作为- 元素, 然而,多个连续出现的 元素都将由出现在它们后面的第一个
-
元素定义。
dd
HTML
-
元素(HTML 描述元素)用来指明一个描述列表 (
-
元素。
div
HTML
元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器,它在语义上不代表任何特定类型的内容,它可以被用来对其它元素进行分组,一般用于样式化相关的需求(使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang),它应该在没有任何其它语义元素可用是才使用 (比如 或 ) 。ol(有序列表)
HTML
- 元素 表示多个有序列表项,通常渲染为有带编号的列表。
ul(无序列表)
The HTML
- 元素 ( 或 HTML 无序列表元素) 代表多项的无序列表,即无数值排序项的集合,且它们在列表中的顺序是没有意义的。通常情况下,无序列表项的头部可以是几种形式,如一个点,一个圆形或方形。头部的风格并不是在页面的HTML描述定义, 但在其相关的CSS 可以用 list-style-type 属性。
li
HTML
元素 (或者 HTML 列表条目元素) 用于表示列表里的条目。它必须被包含在一个父元素里:一个有顺序的列表(- ),一个无顺序的列表(
- ),或者一个菜单 (
hr
HTML 元素表示段落级元素之间的主题转换(例如,一个故事中的场景的改变,或一个章节的主题的改变)。在HTML的早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,但目前被定义为语义上的,而不是表现层面上。
figure
HTML
figcaption
HTML
元素 是与其相关联的图片的说明/标题,用与描述其父节点 main
HTML Main元素()呈现了文档或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的,不包含任何在一系列文档中重复的内容,比如侧边栏,导航栏链接,版权信息,网站logo,搜索框(除非搜索框作为文档的主要功能)。
p
HTML
元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进。另外,
是块级元素。
pre
HTML
元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在
开始标签后的换行符也会被省略)
内联文本语义
多媒体
视频
video
使用标签插入视频:
以上代码中,autoplay表示打开视频页后自动播放,loop表示循环播放,controls使视频拥有控制栏,poster给视频一个封面图。
表格
table
表格名称定义一组表格列头的行
定义表格主体 定义表格的页脚tr
定义表格的行。
饮料列表 序号名称备注 1加多宝 2可口可乐 这三个单元格合并了(横向)注:可以使用跨行合并单元格(纵向)
实体字符
显示结果
描述
实体
编号
空格
<
小于号
<
<
>
大于号
>
>
&
和号
&
&
“
引号
"
"
‘
撇号
' (IE不支持)
'
©
版权符号
©
©