1.1HTML5文档基本结构

　　HTML5文档省略了<html>,<head>,<body>等元素，使用HTML5的DOCTYRE声明文档类型，简化<meta>元素的charset属性值，省略<p>元素的结束标记，使用<元素 />的方式来结束<meta>元素，以及<br>元素等语法知识要点。

【示例】

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>HTML基本语法</title>

    </head>

    <body>

        <h1>HTML5的目标</h1>

        <p>HTML5的目标是为了能够创建更简单的Web程序，书写出更简洁的HTML代码。</p><br />

    </body>

</html>

1.2HTML5基本语法

1.2.1内容类型

　　HTML5文件扩展名为：“。html”或“.htm”，内容类型（ContentType）为“text/htmml”。

1.2.2文档类型

　　DOCTYRE命令声明文档的类型，它是HTML文档必不可少的组成部分，且必须位于代码的第一行。

1.2.3标记省略

　　元素的标记分为3种类型：不允许写结束标记、可以省略结束标记、开始标记和结束标记全部可以省略。

　　不允许写结束标记的元素是指，不允许使用开始标记与结束标记将元素括起来的形式，只允许使用<元素 />的形式进行书写。例如：

错误的书写方式：

<br></ br>
<br />

正确的书写方式：

1.2.4布尔值

　　对于boolean值的属性，如disabled与readonly等，当只写属性而不指定属性值时，表示属性值为true；如果想要将属性值设为false，可以不使用该属性。另外，要想将属性值设定为true时，也可以将属性名设定为属性值，或将空字符串设定为属性值。

【示例】

<!-- 只写属性，不写属性值，代表属性值为true -->

<input type="checkbox" checked/>

<!-- 不写属性，代表属性值为false -->

<input type="checkbox"/>

<!-- 属性值=属性名，代表属性值为true -->

<input type="checkbox" checked="checked"/>

<!-- 属性值=空字符串，代表属性值为true -->

<input type="checkbox" checked=""/>

1.2.5属性值

　　属性值两边既可以用双引号，也可以用单引号。当属性值不包括空字符串、<、>、=、单引号、双引号等字符时，属性值两边的引号可以省略。

【示例】

<input type="text"/>

<input type='text'/>

<input type=text/>

HTML5基本结构和语法的更多相关文章

  1. Delphi XE5教程6：单元的结构和语法

    内容源自Delphi XE5 UPDATE 2官方帮助<Delphi Reference>,本人水平有限,欢迎各位高人修正相关错误! 也欢迎各位加入到Delphi学习资料汉化中来,有兴趣者 ...

  2. Delphi XE5教程5：程序的结构和语法

    内容源自Delphi XE5 UPDATE 2官方帮助<Delphi Reference>,本人水平有限,欢迎各位高人修正相关错误! 也欢迎各位加入到Delphi学习资料汉化中来,有兴趣者 ...

  3. HTML5新增结构标签

    引言 在本节中,笔者将向大家讲述三部分内容,分别介绍HTML5时代的召唤,跟HTML4的区别,以及HTML5中带来的新的结构标签. HTML5时代的召唤 HTML4与HTML5的区别 HTML5新结构 ...

  4. C语言标记化结构初始化语法

    C语言标记化结构初始化语法 (designated initializer),而且还是一个ISO标准. #include <stdio.h> #include <stdlib.h&g ...

  5. 使用XML的五种场合，XML基本规则，XML的术语，结构与语法

    在很多研讨会和培训班上我遇到过许多人,他们还不明白为什么要使用XML也不知道如何 在他们的应用中使用XML.一些来自诸如Gartner公司的报告建议说,商业公司不能再做 局外人了,不能对XML置之不理 ...

  6. HTML5新结构标签和移动端页面布局

    --------------------HTML5新结构标签--------------------1.h5新增的主要语义化标签如下: 1.header 页面头部.页眉 2.nav 页面导航 3.ar ...

  7. 标记化结构初始化语法 在结构体成员前加上小数点 如 “.open .write .close ”C99编译器 .

    今天在看串口驱动(四)的时候 有这样一个结构体初始化 我很不理解 如下: static struct s3c24xx_uart_port s3c24xx_serial_ports[NR_PORTS] ...

  8. C/C++结构体语法总结

    转自:http://blog.csdn.net/dawn_after_dark/article/details/73555562 结构体简介 结构体属于聚合数据类型的一类,它将不同的数据类型整合在一起 ...

  9. html5新结构标签

    html5新结构标签 <header>  定义 section 或 page 的页眉,也就是定义头部的标签. <footer> 定义 section 或 page 的页脚. & ...

随机推荐

  1. 关于UML类图方面的问题（连载）

    UML类图符号:类中属性的可见性主要包括公有(public).私有(Private)和受保护(Protected).在UML中,公有类型的用"+"表达,私有类型用"-&q ...

  2. 车载以太网第二弹|测试之实锤-TC8 TCP/IP协议一致性测试实践

    前言 车载以太网测试实践系列,我们还分享了PMA测试实践.IOP测试实践 .本期给大家介绍的是TC8中的TCP/IP协议一致性测试(以下简称TCP/IP测试). TCP/IP测试-设备环境组成 TTw ...

  3. ciscn_2019_s_6

    例行检查 没有开启nx保护,考虑用shellcode来做这道题 程序放入ida查看 我们可以输入48个字符覆盖0使printf打印出bp的值 继续看这里,buf的大小实际上只有0x38的大小,但是re ...

  4. 【python】青果教务系统模拟登陆

    使用 python 的 selenium + chrome 来模拟登陆学校教务系统 完整代码传至 github,增加了一个自动识别验证码的功能,不过是用的别人的轮子,识别度也不高 这是需要手动输入验证 ...

  5. CF139A Petr and Book 题解

    Content 小 P 有一本 \(n\) 页的书,现给出他一周七天每天的阅读页数,求它在星期几读完这本书. 数据范围:\(1\leqslant n\leqslant 1000\). Solution ...

  6. CF748A Santa Claus and a Place in a Class 题解

    Content 圣诞老人坐在一个桌子被摆成 \(m\) 行 \(n\) 列的教室里.每个桌子有两个座位,每个位置从左往右都有编号,依次为 \(1,2,3,...,2\times n\times m\) ...

  7. LuoguP5690 [CSP-S2019 江西] 日期 题解

    Content Alice 在纸上写下了一个日期,形式为 \(\text{MM-DD}\),其中 \(\text{MM}\) 与 \(\text{DD}\) 都是两位数字,分别表示月和天,然而这个日期 ...

  8. MySQL 报错：[Err] 1071 - Specified key was too long; max key length is 767 bytes

    [Err] 1071 - Specified key was too long; max key length is 767 bytes 这个会出现在MySQ5.7以下版本 因为没有启用innodb_ ...

  9. JAVA通过实体类生成数据库查询语句(驼峰命名规则)

    import java.io.IOException; import java.lang.reflect.Field; import java.util.HashMap; import java.ut ...

  10. windows系统中远程登录ubuntu18服务器的桌面

    下载:http://www.c-nergy.be/products.html 也可以直接服务器里 wget https://www.c-nergy.be/downloads/xRDP/xrdp-ins ...