庄孝义
庄孝义

JavaWeb入门（五）-HTML-CSS-Javascript基础

JavaWeb入门（五）-HTML/CSS/Javascript基础

标签（空格分隔）： JavaWeb

原文地址

DTD文档模型和HTML基础

是目前最流行的文档模型， 即 HTML5 模型。

常见标签的含义

表示指定文档的编码字符集为 utf-8。

viewport用于配置用户入口的一些参数，主要用于设置移动端的缩放比例等参数， width指定为设备的宽度， maximum-scale用于指定缩放比例，指定为1.0时表示不允许缩放。

语义化

语义化指我们在使用HTML标签的时候要注意选择合适的标签进行表达，这样的书写方式会使得我们的html 结构清晰，逻辑分明 ， 极大地方便了阅读以及日后的维护。

  • -
    表示标题，重要性和大小依次递减。

  • 表示段落，因此在p标签内使用
    强制换行在语义的角度是错误的。

  • 表示重要的文本。
  • 表示强调的文本。
  • 标签表示一段斜体的文字，不过现在常用于表示一个icon。

常用标签

要养成多写注释的好习惯，使得html层次分明。

如：

这样的注释适用于无法直接通过html元素看出清晰结构的场景。

图片标签中的 alt 与 title 属性。

该图片暂时无法显示

alt 属性是图片无法显示时展示的图片，而 title 是鼠标悬停时显示的文字。

a 标签的 target 属性用于指明链接打开的方式：

  • _blank 在新的窗口中打开。
  • _self 在原窗口打开。

标签是 水平分割线。

    是有序列表。（ordered list）

      是无序列表。 （unorderd list）

      表格

      一行
      一个单元格
      		表头单元格
      rowspan 属性为合并行
      colspan 属性为合并列

      一般对于table的设计可以借助一些工具例如DreamWeaver,但现在用table来表现表格的不多见。