• 语义化的HTML标签和属性(总结) windrainpy


    语义化是指用合理HTML标记以及其特有的属性去格式化文档内容

    换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题。

    语义化的网页的好处:

    语义化的(X)HTML文档有助于提升你的网站对访客的易用性,比如使用PDA、文字浏览器以及残障人士将从中受益;

    对于搜索引擎或者爬虫软件来说,则有助于它们建立索引,并可能给予一个较高的权值,为网站推广剩下不少功夫。事实上SEO最有效的一种办法,就是对网页的HTML结构进行重构,实质上就是语义化。

    下面列出一些日常工作比较容易遗忘的tag:

    <Hx>

    <h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用,并且依据重要性递减。而且应当避免越级。

    <ul><ol><li> :无序列表;有序列表

    <dl>、<dt>、<dd> :定义列表标签。

    列表标签常用于导航条,本来导航条就是个列表,而且当你的浏览器不支持CSS的时候,导航链接仍然很好使。

    <em> <strong>

    <em> 是用作强调的,<strong>是用作重点强调的。大部分浏览器用斜体显示强调的内容,用粗体来显示重点强调的内容,

    Input

    表单元素中的单选和复选按钮的区别在于name值相不相同。

    <select><option> </option> <option selected="selected"> </option></select>

    带有预选值的下拉列表

    <div>

    日常工作用的最多当属这个元素了。为弄清它的内在意义,归结如下:

    Div是定义文档中的分区或节(division/section),是一个块级元素。(division的词义是分开;分配;部门;界限;分界线;)因此,他的基础作用应该是起分界作用的,或者可以看做一个容器,可用于装载任何内容。

    <del> 标签

    定义被删除文本。通常与 <ins> 标签配合使用。

    <u> 标签可定义下划线文本。不赞成使用。

    详细见:

    HTML 4.01 / XHTML 1.0 参考手册http://www.w3school.com.cn/tags/

  • 相关阅读:
    谷粒商城网关服务建立(七)
    谷粒商城Nacos配置(六)
    谷粒商城Nacos配置(五)
    Nacos入门
    谷粒商城心得二
    谷粒商城的快速开发(四)
    谷粒商城的快速开发(三)
    谷粒商城心得一
    谷粒商城的环境搭建(二)
    PowerDesigner16安装&破解
  • 原文地址:https://www.cnblogs.com/windrainpy/p/2091041.html
Copyright © 2020-2023  润新知