Html5元素及基本语法

HTML标签开始标签(opening tag):开放标签结束标签(closing tag):闭合标签

元素定义：HTML元素指的是从开始标签到结束标签的代码（元素以开始标签为起始以借宿标签终止）元素的内容：元素的内容指的是开始标签与结束标签之间的内容

元素的特点： 1，大多数HTML元素可嵌套（可以包括其他的HTML元素） 2，HTML文档有嵌套的HTML元素构成 3，不要忘记结束标签，未来的HTML版本不允许省略结束标签 4，空的html元素 5，没有内容的html元素被称为元素的空内容，空元素是在开始标签中关闭的注意：空元素和空内容的区别：空元素的开始标签和结束标签是相同的，注重的是标签。空内容指的是元素内的内容是空的，注重的是内容。

HTML基本结构 <!doctype html>:不是标签，只是用以声明帮助浏览器正确地现实网页 <head></head>元素是所有头部元素的容器 <meta>标签始终位于head元素中，标签提供关于HTML文档的元数据 <style>标签用于为HTML文档定义样式信息 <title></title>定义文档的标题 <body></body>之间的文本是网页课件的内容 <html></html>之间的文本描述网页

HTML属性 html标签可以拥有属性，属性提供有关html元素的更多信息属性总是以名称/值对的形式出现属性值应该始终被包括在括号内，双引号是最常见的，不过使用单引号也没有问题

HTML注释可以在代码中插入注释，提高代码的可读性，注释不会显示在页面中，浏览器会忽略它们格式：

 1 <!doctype html>
 2 <html>  3 <head>  4 <meta charset="utf-8">  5 <title>无标题文档</title>  6 <style>  7  8 #box1{  9  background-color:red; 10 } 11 .div1{background:yellow;} 12 .div2{border:1px solid #000;} 13 14 </style> 15 </head> 16 17 <body> 18 19 <!-- id只能是唯一的 --> 20 <div style="width:100px; height:100px; border:1px solid #000;" id="box1 box2"></div> 21 22 23 <!--class可以是多个的--> 24 <div style="width:100px; height:100px;" class="div1 div2" ></div> 25 26 <!--class可以是多个的--> 27 28 <a href="#" title="我是一个提示信息">我是一个链接</a> 29 30 </body> 31 </html>

转载于:https://www.cnblogs.com/wangli-66/p/5766830.html

Html5元素及基本语法相关推荐

HTML5的优势，语法变化以及基础常用标签
HTML的全称是Hyper Text Markup Language,也就是超文本标记语言,它是互联网上应用最广泛的标记语言此篇着重介绍HTML5的优势,语法变化,以及常用标签所代表的意义方便大家记 ...
《HTML5移动应用开发入门经典》—— 2.4　HTML5中的HTML语法变化
本节书摘来异步社区<HTML5移动应用开发入门经典>一书中的第2章,第2.4节,作者:[美]Jennifer Kyrnin,更多章节内容可以访问云栖社区"异步社区"公众 ...
html5元素拖动（转载黑桐）
HTML5 元素拖动 1.拖动元素img的相关设置: 设置元素可以拖动属性 draggable="true" 设置元素被拖动时触发的事件 οndragstart="dra ...
html5.js让IE（包括IE6）支持HTML5元素方法
html5.js让IE(包括IE6)支持HTML5元素方法微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的 ...
介绍语义HTML5元素（感觉这个html5是一个不错的方向！）
HTML5已经引入了很多新的元素使HTML标记甚至更多的语义. 为了得到一个更好的理解这些元素应该被使用,我已经决定使用相同的例子在这部分的教程.这是一篇关于面粉,我有AllReceipes借用. 在 ...
html5语义化标记元素_语义HTML5元素介绍
html5语义化标记元素 Semantic HTML elements are those that clearly describe their meaning in a human- and ma ...
在 IE 中使用 HTML5 元素
一个HTML5范本 <html> <head> <style>blah { color: red; }</style> </head> &l ...
分享一个在线的HTML5元素在线测验 : HTML5 Element Quiz
日期:2011/12/07 来源:GBin1.com 今天在公司的网站上发现的一个在线HTML5元素的在线测试,大家有兴趣可以挑战一下,有点小BT.Enjoy! 在线测验转载于:https://w ...
XDocument读取xml的所有元素以及XPath语法
XDocument读取xml的所有元素以及XPath语法原文 http://www.cnblogs.com/xxyishutong/p/3326375.html <?xml version= ...

Html5元素及基本语法

Html5元素及基本语法相关推荐

最新文章

热门文章