博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5基础02-标签(元素、属性、值)
阅读量:6356 次
发布时间:2019-06-23

本文共 1287 字,大约阅读时间需要 4 分钟。

hot3.png

   HTML5中标签的是由:元素(element)、属性(attribute)和值(value)组成。

   元素:

   大多数元素既包含文本,也包含其他元素(就像基本页面中的p元素)。这些元素由开始标签、内容和结束标签组成。开始标签是放在一对尖括号中的元素的名称及可能包含的属性,结束标签是放在一对尖括号中的斜杠加元素的名称。习惯上标签采用小写字母(html5对此并未做明确要求)。

234925_c4ze_223340.png

    还有一些元素是空元素(empty element或void element),既不包含文本也不包含其他元素。它们看起来像是开始标签和结束标签的结合,由左尖括号开头,然后是元素的名称和可能包含的属性,然后是一个可选的空格和一个可选的斜杠,最后是必有的右尖括号。

235358_Ta5V_223340.png

    空元素(如这里显示的img元素)并不包含任何文本内容(alt属性中的文字是元素的一部分,并非显示在网页中的内容,当图片无法加载显示时,会显示alt提示信息文字)。空元素只有一个标签,同时作为元素的开始标签和结束标签使用。结尾处的空格和斜杠在HTML5中是可选的(XHTML要求空元素结尾处必须有斜杠)。不过,元素最后面的>是必需的。

    属性和值:

    属性包含了元素的额外信息,在HTML5中,属性值两边的引号是可选的,但习惯上大家还是会写上,因此建议始终这样做。跟元素的名称一样,尽量使用小写字母编写属性的名称。

000322_Xeru_223340.png

   这是一个label元素(关联文本标签与表单字段),它有一个简单的属性–值对。属性总是位于元素的开始标签内,属性的值通常放在一对双引括号中。

    1,有的元素(比如a和img)可以有多个属性,每个属性都有各自的值。属性的顺序并不重要。不同的属性–值对之间都用空格隔开。

000647_CqXg_223340.png

    2,有的属性可以接受任何值,有的则有限制。最常见的还是那些仅接受预定义值(也称为枚举值)的属性。也就是说,必须从一个标准列表中选一个值,一定要用小写字母编写枚举值。 000914_P5AQ_223340.png

     这里,只能将link元素里的media属性设为all、screen、print等值中的一个,不能像href属性和title属性那样可以输入任意值。

      3,有许多属性的值需要设置为数字,特别是那些描述大小和长度的属性。数字值无需,包含单位,只需输入数字本身。图像和视频的宽度和高度是有单位的,默认为像素。

      4,有的属性(如href和src)用于引用其,他文件,它们只能包含URL(统一资源定位符,是万维网上文件的唯一地址)形式的值。

      5,还有一种特殊的属性称为布尔属性(Boolean attribute)。这种属性的值是可选的,因为只要这种属性出现就表示其值为真。如果一定要包含一个值,就写上属性名本身(这样做的效果是一样的)。

001339_zxXk_223340.png

    这段代码提供了一个让用户输入电子邮件地址的输入框(参见第18章)。布尔属性required代表用户必须填写该输入框。布尔属性不需要属性值,如果一定要加上属性值,则写作required="required"。

     元素标签存在着父子元素的关系,嵌套的时候要保证每个元素都必须嵌套正确。

转载于:https://my.oschina.net/u/223340/blog/472721

你可能感兴趣的文章
[LeetCode] Spiral Matrix 解题报告
查看>>
60906磁悬浮动力系统应用研究与模型搭建
查看>>
指纹获取 Fingerprint2
查看>>
面试题目3:智能指针
查看>>
flask ORM: Flask-SQLAlchemy【单表】增删改查
查看>>
vim 常用指令
查看>>
nodejs 获取自己的ip
查看>>
Nest.js 处理错误
查看>>
你好,C++(16)用表达式表达我们的设计意图——4.1 用操作符对数据进行运算...
查看>>
18.3 redis 的安装
查看>>
jdbc 简单连接
查看>>
Activiti 实战篇 小试牛刀
查看>>
java中的Static class
查看>>
[工具类]视频音频格式转换
查看>>
GNS3与抓包工具Wireshark的关联
查看>>
groovy-语句
查看>>
Java VisualVM远程监控JVM
查看>>
nasm预处理器(2)
查看>>
二叉排序树 算法实验
查看>>
Silverlight 5 beta新特性探索系列:10.浏览器模式下内嵌HTML+浏览器模式下创建txt文本文件...
查看>>