网页为了恶心用户,连基本的开发标准都抛弃了

今天研究如何判断网页正文,看到有的网站用换行(br)代替段落,有的网站干脆自己定义了一个类,然后用 div 代替段落。有筷子不用,非得用碗从锅里蒯着吃……

技术不咋行,胡搞第一名。

求问正常应该怎么搞呀

(我就是定义了一个class,然后把正文全放在那个div里面)

我是讲段落,就是这个代码:

<p>正常都这样书写段落</p>

他们把 p 标签给吃了……

好吧我理解错了_(:_」∠)_

</br>应该能省不少字节,似乎以前知乎回答是这样搞的,反正看起来都一样;另外已经我学的时候,老师也叫我们干脆全部用 div,应该是习惯问题

效果一致并不是唯一目的。

代码的语义化是很重要的。这对于代码的可读性,对于各种解释器的可理解性都有很大影响。

我能做到效果一样,但是满屏元素全用 button 行不行?也许可以,但如果盲人朋友用读屏软件浏览的话……完全下不去手了就

不是有一些Html2Article这样的正文提取库可以方便爬虫用吗

不是搞爬虫。

就是想吐槽:joy:

开发网页的时候最讨厌要文字两端对齐的设计。应该不可能通过css实现。语义化也没什么用

text-align: justify;

现在前段开发很多都是模板框架,,

模板框架的设计也是遵循标准的

微信图片_20200724152423 我说的是这种让左侧进行两端对齐。text-align 不行。

没听太懂,左侧这种是都没折行么?

你读这里吧

https://2019.dmnydn.com/courses/lesson-0038/

https://2019.dmnydn.com/courses/lesson-0039/

这是我写的教程,这些内容我都对着 mdn 自己整理测试了一遍的。

你的网址我这打不开。图中是一个表格,想让第一列的字进行两端对齐。

text-align: justify;    // 文字对齐方式:两端对齐,但不包含最后一行
text-align-last: justify;    // 最后一行文字的对齐方式,可以单独设置
1赞

学习了,不过还是在Firefox上不生效。代码是这样

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .a{
      text-align: justify;
      text-align-last: justify;
    }
  </style>
</head>
<body>
  <table>
    <thead>
      <tr>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="a">测试</td><td>1</td>
      </tr>
      <tr>
        <td class="a">测试测</td><td>1</td>
      </tr>
      <tr>
        <td class="a">测试测试</td><td>1</td>
      </tr>
      <tr>
        <td class="a">测试测</td><td>1</td>
      </tr>
      <tr>
        <td class="a">测试测试测</td><td>1</td>
      </tr>
      <tr>
        <td class="a">测试</td><td>1</td>
      </tr>
    </tbody>
  </table>
</body>
</html>

测试了一下,确实如此,打给火狐对此属性的这个值兼容的不好,因为挺冷僻的,所以也没什么人反馈吧。

不过现在 Chrome 占有率这么高,基本算是现实标准了,大部分时候我只考虑对 Chrome 的兼容性。

确实chrome的占有率很高,但是当时客户要求了只能使用Firefox。

把每个单字放进一个 span,然后 flex 布局应该可以吧