zoukankan      html  css  js  c++  java
  • HTML(2)网页基本结构

    一个网页的基本结构至少应该包含以下部分:

    1 <head>
    2     <title>My First Page</title>
    3 </head>
    4 <body>
    5     This is Body!
    6 </body>
    7 </html>

    一、网页基本结构的说明:

      网页的所有内容都在<html></html>标签之内;
      <head></head>内放的是头部信息,是对页面的描述,不会直接显示在页面中;
      <title></title>中设置的是页面的标题,<title>只能放在<head>中;
      <body></body>是页面的主体,一个网页大部分显示的内容都定义在这里。
      这些是一个HTML页面必须有的标记,所有页面都应该至少包含这些部分。但是在实际的开发过程中,很多人都会漏掉一部分标记,由于浏览器容错性强,所以即使有的标记不包,页面含也能正常显示,但是为了更好的标准性、兼容性和可读性,最好还是将HTML标记写完全。
     二、对HTML标记的说明:
      1.HTML文档:
      HTML文档就是描述网页结构的文本文件,它是由HTML标签和纯文本所组成的。由浏览器将服务器上的HTML文档读取出来,并且以网页的形式展现给用户。
      2.HTML文件的后缀名:
      当我们在Visual Studio 或者其他网页编辑工具中创建网页时,HTML文档可以有两种后缀名可供选择,一个是.htm,另一个是.html,我们可以从中任选一个来保存我们的HTML文件。
      

      为什么同一种文件会有两种不同的后缀名呢?其原因就是长久以来形成的习惯,因为在过去的很多软件只允许三个字母的文件后缀,现在则可以使用四个字母的.html作为HTML文件的后缀。
      3.HTML标签:
       HTML 文档和 HTML 元素是通过 HTML 标签进行标记的,HTML文档 = HTML标签 + HTML元素 。
       HTML 标签由开始标签( start tag / opening tag)和结束标签(end tag / closing tag)组成,比如<html></htm>。
       开始标签:又称为开标签,是被括号包围的元素名,如<p>标签就是一个表示段落的开始标签。
       结束标签:又称为闭标签,是被括号包围的斜杠和元素名,如</p>就是一个表示段落的结束标签。  
       某些 HTML 元素没有结束标签,比如 <br />。为了更加标准,对于没有结束标签的标签,最好也要写上反斜杠。
      4.HTML元素
      HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。注意HTML元素和HTML标签的区别,HTML元素包括HTML标签和HTML元素内容。
    1 <body>
    2 <p>This is my first paragraph.</p>
    3 </body>

       <body> 元素定义了 HTML 文档的主体。
      这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>。
      元素内容是另一个 HTML 元素(p 元素)。

      5.空的 HTML 元素

      没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

      6.HTML属性

      属性为 HTML 元素提供附加信息。

      HTML属性的特征:  

      a.属性总是以名称/值对的形式出现,比如:name="value"。

      b.属性总是在 HTML 元素的开始标签中规定。

    1 <!--链接的地址在 href 属性中指定-->
    2 <a href="http://www.w3school.com.cn">This is a link</a>
    3 
    4 <!--通过align属性指定元素的对齐方式-->
    5 <h1 align="center"> 拥有关于对齐方式的附加信息。</h1>
    6   
    7 <!--通过bgcolor属性指定元素的背景颜色-->
    8 <body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

      HTML属性书写注意点:第一,使用小写。第二,属性值加双引号。    

      7.HTML标签书写建议

      a.所有标签都加上结束标签,即使是像<br/>这种空元素。虽然<br>这种写法也能够正常显示,但为了提高程序的兼容性,也为了更加标准化,建议每个标签都加上结束标签,这是一个Web开发者所应该具有的好习惯。

      b.推荐使用小写标签,虽然HTML 标签对大小写不敏感,但是万维网联盟(W3C)在 HTML 4 中推荐使用小写标签,而在未来 (X)HTML 版本中强制使用小写。

  • 相关阅读:
    nginx 状态码整理
    nginx 添加perl
    Nginx 内置全局变量
    数组模板实现(新手遇到的格式问题)
    malloc的使用注意事项
    使用memset的注意事项!!!
    2019/3/31acm周三(三人)/CodeForces
    2019/3/31acm周三(三人)/LightOJ
    2019/3/31acm周三(三人)/hdu1042/高精度计算(未懂!)
    2019/3/24周赛坑题(读题)HDU 1412
  • 原文地址:https://www.cnblogs.com/sunyunh/p/2607490.html
Copyright © 2011-2022 走看看