您的位置:首页 > Web前端 > HTML5

HTML5教程:第二章 HTML5的常用元素与属性---基本元素

2014-10-27 18:36 267 查看

1.基本元素

HTML5的基本元素如下:

<!--......-->:定义HTML注释。
<html>:根元素,允许完全省略这个元素
<head>:头元素,允许完全省略这个元素
<title>:文档的页面标题
<body>:文档的页面主题部分,该标签的核心属性元素:id、class、style。可以指定的事件属性:onload、onunload、onclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup,这些属性用于指定javascript脚本。
<style>:用于引入样式定义
<h1>到<h6>:定义标题一到标题六
<p>:定义段落,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性
<br>:插入一个换行,该标签可以指定id、class、style等核心属性
<hr>:定义水平线,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性,HTML5中<hr.../>还代表了主题结束的语意
<div>:定义文档中的节,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。
<span>:与<div>基本相似,区别是该定义的节默认不会换行,该标签可以指定和<div>相同的属性

注意:几乎所有的html标签都可以指定d、class、style等属性。其中id属性用于为html元素指定一个唯一的标识,该标识是通过DOM访问html元素的重要途径;class和 style属性是CSS样式相关的属性

<span.../>、<div.../>和<p.../>元素的区别:

相同点:

效果有些类似
都可以作为其他内容的容器

不同点:

换行与段落上:

<span.../>元素不会导致换行

<div.../>会导致换行

<p.../>会产生一个段落

作为容器上:

<span.../>和<p.../>元素只能包含文本、图像、超链接、文本格式化元素和表单控件元素等内容

<p.../>可以包含<span.../>,但<span.../>不能包含<p.../>

<div.../>可以包含任意元素
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: