Graphitic carbon nitride (CN) suffers from rapid recombination of photoexcited charges due to the existing highly symmetrical tri-s-triazine ring and long charge diffusion path, resulting in moderate photocatalytic activity. The bridged phenyl embedded in the CN structure was used to reduce the symmetry of the tri-s-triazine ring. In addition, the CN material was constructed with a porous and hollow sphere structure to shorten the diffusion path of charge carriers. Herein, simple thermal polymerization of a trimesic acid-doped melamine-cyanuric acid (MCA) supramolecular was employed to construct phenyl-bridged graphitic carbon nitride (Ph-CN-MCA) with a hollow sphere structure composed of porous nanosheets for visible-light catalytic H2 evolution. The porous and hollow sphere-structured Ph-CN-MCA possessed increased degree of polymerization, more negative conduction band potential, enlarged Brunauer-Emmett-Teller (BET) surface area, and shortened charge diffusion path. In addition, bridged phenyl embedded in the Ph-CN-MCA structure not only accelerated the dissociation of photogenerated carriers but also narrowed the band gap and extended the visible-light absorption. Further, the separated highest occupied molecular orbital (HOMO) and the lowest unoccupied molecular orbital (LUMO) of Ph-CN-MCA facilitated the spatial dissociation of photogenerated charges, which was also confirmed by theoretical calculations. As a consequence, compared with the reference CN-MA catalyst prepared from melamine, Ph-CN-MCA showed approximately 48.42 times the photocatalytic H2 evolution under visible-light irradiation. The developed synthetic method herein highlights that phenyl-bridged graphitic carbon nitride with a porous and hollow sphere structure could provide an efficient platform to boost the dissociation of photoexcited charge carriers and photocatalytic H2 evolution.