Как сделать кнопку возврата iPhone под углом, используя CSS или SVG, с семантическим html мобильным сайтом (iPhone, Android)?

Question

Как сделать кнопку возврата iPhone в CSS3?

Использование только <a href="#">Back</a> и кнопка должна выглядеть аналогично в iphone safari и Android-браузере.

В данном ответе кнопка действительно сделана без изображения.Но html-код не является семантическим

<a href="#">
      <div class="body">
        <div>
          <span></span>
        </div>
        <p>Back</p><p>
      </p></div>
      </a>

Есть ли какой-либо другой лучший семантический способ сделать эту кнопку с менее сложным кодом?

как с этим кодом

<a href="#">
 <span>Back</span>
</a>

Я рассматриваю только браузер, поддерживаемый CSS3.

---

Редактировать: 29 сентября 2011

Можно ли сделать такую ​​кнопку с помощью SVG?

Answer 1

Я обнаружил эту реализацию, которая намного лучше семантики и в большинстве случаев играет только с CSS для достижения наилучшего результата: здесь

Answer 2

Сделано некоторое время назад Джеффом Баттертоном, вот, пожалуйста: http://lab.jeffbatterton.com/iphone-back-button/: -)