html5语义化的意义和作用,HTML5语义化

  html5语义化的意义和作用,HTML5语义化

  HTML5语义元素

  语义学是对语言中单词和短语的意义的研究。语义元素=有意义的元素。语义清楚地描述了它对浏览器和开发者的意义。非语义元素的例子:div和span-对它们的内容一无所知。语义元素的例子:表单、表格和文章——清楚地定义它们的内容。所有现代浏览器都支持HTML5语义元素。

  HTML5新语义元素

  很多网站都包含HTML代码,比如:div id= nav div class= header div id= footer 来表示导航,页眉页脚。HTML5提供了新的语义元素来定义网页的不同部分:

  articleisededetailsfigcaptionfigurefooterheadermainmarknavsectionsummarytimeHTML5 section元素

  元素定义了文档中的一个节。根据W3C的HTML5文档:“节是内容的主题分组,通常带有标题。”主页通常可以分为几个部分,分别用于介绍、内容和联系方式。

  !doctype HTML HTML Body Section H1Java/H1P Java是一种应用广泛的计算机编程语言,具有跨平台、面向对象和泛型编程的特点,广泛应用于企业级Web应用开发和移动应用开发。/p /section section h1PHP/h1 pPHP(全称:PHP: HyperText Preprocessor,即“PHP: Hypertext Preprocessor”)是一种开源的通用计算机脚本语言,特别适合web开发,嵌入在HTML中。/p /section /body /htmlHTML5 article元素

  Article元素指定独立的包含内容。一篇文章本身应该是有意义的,可以独立于网站的其他部分阅读。文章可以使用的元素示例:

  !Doctype HTML HTML正文文章H1Java/H1P Java是一种应用广泛的计算机编程语言,具有跨平台、面向对象和泛型编程的特点,广泛应用于企业Web应用开发和移动应用开发。/p/文章/正文/htmlHTML5 header元素

  header元素被指定为文件或部分头。header元素应该用作介绍性内容的容器。您可以在一个标题中包含多个元素。以下示例定义了文章的标题:

  !什么是doctype html正文文章头H1 Java/H1 P Java?/p /header pJava是一种应用广泛的计算机编程语言,具有跨平台、面向对象、泛型编程的特点,广泛应用于企业级Web应用开发和移动应用开发。/p/文章/正文/htmlHTML5 footer元素

  页脚元素被指定为文件或页脚的一部分。页脚元素应该包含有关其包含单元的信息。页脚通常包含文档作者、版权信息、使用条款的链接、联系信息等。一个页脚中可以有多个元素。

  !Doctype HTML HTML正文页脚pcopright/p p p联系信息:a href= mailto:someone @ example . com someone@example.com/a./p/footer/body/html

  HTML5 nav元素

  nav元素定义了一组导航链接。

  !DOCTYPE html html正文nav a href= # Java/a a href= # CSS/a a href= # HTML/a a href= # jQuery/a/nav/body/HTMLHTML5 aside元素

  aside元素从它所在的内容中定义了一些内容(比如侧边栏)。旁白内容应该是周围的内容。

  !DOCTYPE html html body pJava是一种广泛使用的计算机编程语言,具有跨平台、面向对象和泛型编程的特点,广泛应用于企业Web应用开发和移动应用开发。/pad h4php/h4pphp是世界上最好的语言。/p/side/body/html总结

  以上是边肖给大家介绍的HTML5的语义元素。你真的正确使用它们吗?希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对网站的支持!

  如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: