HTML

163 阅读1分钟

HTML版本为5

<!DOCTYPE html>

字符集:utf-8 全球文字都涵盖

<meta charset="utf-8">

标签的语义化:

  • 方便程序员阅读
  • 搜索引擎爬虫解析
  • 残障人士浏览网站,阅读设备正确读取语义化的标签

标签属性:

<span title="name"></span>

<a rel=''  aria-label=""/>
<a> 标签的 rel 属性用于指定当前文档与被链接文档的关系。

<div role="button"></div>
 用作button使用的div,如屏幕阅读器读到会认为这是一个button

<input aria-label="用户名">
 当焦点落到input时,读屏软件会读出aria-label中的内容

标签种类:

html标签分为块状元素、行内元素(内联元素)、行内块元素。

  • 块状元素独占一行,宽度为父元素100%宽度,可设置外边距margin、内边距padding、边框border,高度由子元素撑开。
  • 行内元素宽高由子元素撑开,多个行内元素同行显示,可设施内外边距跟边框,但`margin-top`、`margin-bottom`无效,设置宽高属性也无效。
  • 行内块元素同行显示,即默认宽高由子元素或内容决定,但像块元素一样可设置宽高,内外边距和边框等。

常用标签:

`a`标签即可做内外链接使用,也可做本页面内的锚点使用



未完待续:)