HTML5学习笔记第一天

您所在的位置:网站首页 b站支持html5 HTML5学习笔记第一天

HTML5学习笔记第一天

2023-02-22 04:43| 来源: 网络整理| 查看: 265

HTML5相比较以前的HTML的语法变化: 一、标签不再区分大小写。例如:

标题

   是合法的 二、元素可以省略结束标签。 1、空元素语法的元素:area、base、br、col、command、embed、hr、img、input、keygen、link、mata、param、source、wbr。空元素标签不允许将开始标签和结束标签分开写,例如不能写成的形式,但是HTML5不要求遵循XML规范,因此标签可以写成. 2、可以省略结束标签的元素:colgroup、dt、dd、li、optgroup、option、p、rt、rp、thread、tbody、tffot、tr、td、th。 3、可以省略全部标签的元素:html、head、body、tbody。 三、允许省略属性值的属性:checked、readonly、disabled、selected、defer、ismap、nohref、noshade、nowrap、multiple、noresize。 四、允许属性值不引用引号(但是容易引起浏览器误会的属性值,还是需要使用引号)。

 

 

HTML5的常用元素与属性: 一、保留的基本元素: 是HTML5注释; 是HTML5文档的根元素,允许完全省略; 是用于定义HTML5文档的页面头部分,允许完全省略; 用于定义HTML5文档的页面标题; 用于定义HTML5文档的页面主题部分,该标签可以指定id、class、style等核心属性,还可以指定onload、onunload、onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup等事件属性,这些属性用于指定JavaScript脚本; 用于引入样式定义,会用到CSS; 到用于定义标题一到标题六;

定义段落,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。 表示插入一个换行,该标签可以指定id、class、style等核心属性; 定义水平线,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性,html5中还代表了主题结束的语义; 定义文档中的节,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性; 与基本相似,区别是该定义的节默认不会换行,属性和一样; 其中元素和元素只能包含文本、图像、超链接、文本格式化元素和表单控件元素等内容,元素可以包含元素,但是反过来不可以;元素出来可以包含上面这些内容之外(包括和),还可以包含到、、、列表元素和; 二、文本格式化元素: 定义粗体文本,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性; 定义斜体文本,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性; 定义强调文本,实际效果与斜体文本差不多,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性; 定义粗体文本,与标签的作用和用法基本相同; 定义小号字体文本,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性; 定义上标文本,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性; 定义下标文本,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性; 定义文本的相识方向,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性,还可以指定dir属性值,该属性值只能是ltr或者rtl; 三、超链接和锚点 元素是定义超链接的元素,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性,还可以以下三个重要属性:        href:指定超链接所关联的另一个资源(网址);        target:指定使用框架集中的哪一个框架来装载另一个资源,该属性的属性值可以是_self、_blank、_top、_parent四个值,分别代表使用自身、新窗口、顶层框架、父框架来装载新资源;        media:指定目标URL所引用的媒体类型。默认值为all,只有当指定了href属性时该属性才有效。        标签还可以用于生成一个命名锚点,命名锚点用于在HTML页面中生成一个定位点,这样允许超链接直接链接到指定页面的该定位点。插入定位锚点需要指定name属性,name属性值就算是该命名锚点的名称。        例如:,即生成一个命名锚点,该命名锚点在浏览器中不会显示任何内容,可以使用超链接定位到该锚点。        例如:定位到test锚点,锚点名和URL资源之间用#隔开。 四、列表相关元素    定义无序列表,该元素可以指定id、style、class等属性,还可以指定onclick等事件属性,该元素只能包含子元素;    定义有序列表,该元素可以指定id、style、class等属性,还可以指定onclick等事件属性,该元素只能包含子元素;    定义列表项目,该元素可以指定id、style、class等属性,还可以指定onclick等事件属性,该元素能包含与完全类似的内容,因此可以包含较多类型的子元素;    也用于定义列表,该元素只能包含和两种子元素,该元素可以指定is、style、class等属性,还可以指定onclick等事件属性,该元素只能包含子元素;    定义标题列表项,该元素可以指定id、style、class等属性,还可以指定onclick等事件属性,该元素只能包含子元素,该元素只能包含文本、图像、超链接、文本格式化元素和表单控件元素等;    定义普通列表项,该元素可以指定id、style、class等属性,还可以指定onclick等事件属性,该元素里可以包含与完全类似的内容,英雌可以包含较多类型的子元素; 五、图像相关元素 元素在页面中定义图像,这个元素只能是一个空元素,他不可以包含任何内容,该元素可以指定id、style、class等属性,还可以指定onclick等事件属性,不仅如此,使用该元素必须指定如下两个属性:         src:指定图片文件所在的位置,可以是相对路径,也可以是绝对路径;         alt:指定一段文本,改文本将作为该图片的提示信息; 除此以外,该元素还可以指定如下两个可选属性:         height:指定图片的高度,可以是百分比,也可以是像素值;         width:指定图片的宽度,可以是百分比,也可以是像素值; 除此以外,与图片相关的还有如下两个标签:         :用于定义图片映射,该元素主要可以包含一个或多个子元素,每个子元素定义一个区域,不同区域可链接到不同的URL;         :用于定义图片映射的内部区域,该元素只能是一个空元素,该元素除了可以指定id、style、class等属性外,还可以指定onclick等事件属性,还可以指定onfocus、onblur等焦点相关属性。还可以指定shape(形状,有rect、circle、ploy)、coords(指定坐标值,确定区域的位置)、href(指定区域所连接的资源)、alt(指定一段文本,作为该图片的提示信息)、targer、media等属性;

六、表格相关元素    用于定义表格,只能包含0或1个子元素(定义表格标题),0或1个子元素(定义表格头),0或1个子元素(定义表格脚),多个子元素(定义表格行),多个子元素(定义表格体),指定id、style、class等属性外,还可以指定onclick等事件属性,除此以外,还可以指定以下几个属性:         cellpadding:指定单元格内容和单元格边框之间的间距,可以是像素,也可以是百分比;         cellspacing:指定单元格之间的间距,可以是像素,也可以是百分比;         width:指定表格的宽度可以是像素,也可以是百分比;          :用于定义表格标题,该元素只能包含文本、图片、超链接、文本格式化元素和表单控件元素;         :定义表格行,该元素只能包含或者两种元素,该元素可以指定id、style、class等属性,还可以指定onclick等事件属性;         定义单元格,该元素和元素一样,可以包含各种类型的子元素,包括在元素里包含子元素(再插入一个表格),可以指定id、style、class等属性外,还可以指定onclick等事件属性,除此以外,还有如下几个属性:

        colspan:指定该单元格跨多少列,该属性值就是一个简单地数字;

        rowsapn:指定该单元格可以横跨的行数;

        height:指定该单元格的高度,可以是像素值,也可以是百分比;

        width:指定该单元格的宽度,可以是像素值,也可以是百分比;

        :定义表格页眉的单元格,和标签的用法几乎完全一样;         :定义表格的主体,该元素只能包含元素,可以指定id、style、class等属性,还可以指定onclick等事件属性;         :定义表格头,用法与基本相似;         :定义表格脚,用法与基本相似; 七、框架相关元素 HTML5不再推荐在页面中使用框架集,保留了一个与框架相关的元素,它可以在普通HTML页面中使用,该元素用于在普通HTML页面中生成一个内联框架,可以直接在HTML页面的任何位置,它除了可以指定id、style、class等核心属性之外,还可以指定属性src,该属性指定一个URL,指定该iframe将装载哪个页面;八、文档结构元素    :该元素用于代表页面上独立、完整的一篇“文章”;

   定义文章“标题”部分;

   定义文章“脚注”部分;

   把文章内容分成几个“段落”;

   



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3